jquery - jMyCarousel - 不能在一页上查看超过 1 个此轮播实例

Question

嗨，我是新手，所以要友善；）

我使用 jquery idtabs，它在同一页面中包含 2 个单独的轮播（id 喜欢最终将其增加到 4 个）。

不幸的是，当单击第二个链接时，轮播不会像在链接 1 中那样执行。您可以在此处查看示例：http ://www.ipdesign.com/bp/carousel_example.html

我完全不知道为什么会这样。我已经替换了 jMyCarousel 类并将它们称为 jMyCarousel2 - 我还是一个新手，所以如果这篇文章不是很清楚，任何帮助 y= 将不胜感激，也道歉。

干杯伊恩

Answer 1

在您拥有的代码中$(".jMyCarousel2").jMyCarousel2({ ...，正确的功能是.jMyCarousel({....

此外，因为您使用的是类选择器，您只需要定义一次插件。尝试这个：

<script type="text/javascript">
    $(function() {
        $(".jMyCarousel").jMyCarousel({
            visible: '4',
            eltByElt: true,
            evtStart: 'mousedown',
            evtStop: 'mouseup'
        });
    });
</script>

div然后将每个轮播的包装更改为具有jMyCarousel该类：

<div class="jMyCarousel">