1

我在我正在构建的网站的列表中使用 jCarouselite。它工作得很好，但问题是由于某种原因，脚本导致列表项停止堆叠。

我的意思是 - 而不是这个：

li     li
li     li

我得到这个：

li     li     li      li

当我删除脚本时它工作正常，但是有了它，它迫使它们全部到一个“行”上。我查看了脚本，无法弄清楚是什么部分将它们全部放在一行上。

这是脚本：http ://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarouselite_1.0.1.js

您还可以在 Heaer 的“Whats On”部分查看该问题的演示：http ://www.trekradio.net/dev/ （此站点正在建设中，请原谅其状态）。

编辑：在脚本中将“垂直”选项设置为“真”会将轮播滚动更改为垂直并显示这样的列表项，这不是我想要的：

li

li

li

li
4

1 回答 1

1

更新：[丑陋的修复]

这是您需要更新的行jcarousellite_1.0.1.js（您添加一/ 2 点点）：

    var ulSize = liSize * itemLength / 2;                   // size of full ul(total length, not just for the visible items)

请注意，因为它会影响任何其他页面中的所有其他轮播。

更新 2：向后兼容修复

我修补了 .js 文件，您可以lines在代码中使用选项，或者默认保留 1 行：

<script type="text/javascript">
$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        lines : 2
    });
});
</script>

这里是补丁jcarousellite_1.0.1.js

祝你好运 ！

--

恐怕这会使 jCarouselLite 有点过分弯曲。

我建议您通过 PHP 甚至通过在 Javascript/jquery 中操作 DOM将其分成li两部分。ul

这样，您可以通过设置两个平行的水平旋转木马一起运行来实现您的目标。

希望这可以帮助 ！

于 2012-05-23T15:55:09.203 回答