如何在同一页面上两次使用相同的jquery脚本

Mailmulah

我是JQuery的新手，目前面临的问题如下：

我用carouFredSel制作了一个滑块底座。

当我在一页中使用1个滑块时，它可以完美工作。但是，当我在同一页面上使用2个滑块时，它会弄乱（即1个滑块正常工作，而另一个滑块不工作。）

相关代码如下：

<script>
    if ($('#carmod17').length) {
        $('#carmod17').carouFredSel({
            responsive: true,
            pagination: "#fooitemcatcar2",
            prev: '#prevmod17',
            next: '#nextmod17',
            auto: true,
            scroll: {
                duration: 1500,
                pauseOnHover: true
            },
            items: {
                height: 'variable',
                visible: {
                    min: 1,
                    max: 1
                }
            }
        });
    }
</script>

我确实知道该ID必须是唯一的，但是如何动态创建一个唯一的ID？

非常感谢您的帮助。

谢谢你。

查理

在选项依赖于实例的多个元素上初始化插件的常用方法是使用循环在其上each循环，以使实例在循环内隔离。

使用普通类主滑块元件，按钮和寻呼机一样slider，prev并且next和pager

$('.slider').each(function(){

   // instance specific elements needed for plugin
   var $slider = $(this), 
       $prev = $slider.find('.prev'),
       $pager=  $slider.find('.pager'),
       $next = $slider.find('.next');

   //initialize instance
   $slider.carouFredSel({
            responsive: true,
            pagination: $pager,
            prev: $prev,
            next: $next,
            auto: true,
            scroll: {
                duration: 1500,
                pauseOnHover: true
            },
            items: {
                height: 'variable',
                visible: {
                    min: 1,
                    max: 1
                }
            }
        });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。