Javascript 如何将插件应用于所有div

我目前正在使用作为插件，我想做以下工作：

    $('#carousel-demo1').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'left',
                }
            );

            $('#carousel-demo2').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'right',
                }
            );

            $('#carousel-demo3').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'left',
                }
            );
            $('#carousel-demo4').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'right',
                }
            );

这是我用来启动插件的代码，它可以正常工作。但是，我希望当其中一个列表悬停时，所有列表都开始移动，而不仅仅是我悬停的列表。我想做的是：

    $(document).ready(function()
    {       
        $('ul').mouseover(function() 
        {
            $('#carousel-demo1').scrollingCarousel
            (
                {
                    autoScroll: true,
                    autoScrollDirection: 'left',
                }
            );

            $('#carousel-demo2').scrollingCarousel
            (
                {
                    autoScroll: true,
                    autoScrollDirection: 'right',
                }
            );

            $('#carousel-demo3').scrollingCarousel
            (
                {
                    autoScroll: true,
                    autoScrollDirection: 'left',
                }
            );
            $('#carousel-demo4').scrollingCarousel
            (
                {
                    autoScroll: true,
                    autoScrollDirection: 'right',
                }
            );
        });

        $('ul').mouseleave(function() 
        {
            $('#carousel-demo1').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'left',
                }
            );

            $('#carousel-demo2').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'right',
                }
            );

            $('#carousel-demo3').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'left',
                }
            );
            $('#carousel-demo4').scrollingCarousel
            (
                {
                    autoScroll: false,
                    autoScrollDirection: 'right',
                }
            );
        });

---

但这是行不通的。那么我该怎么做呢？

使用

.hover（）

函数怎么样

$( "ul" ).hover(function() {
 // add functions here
});

---

给你所有的

li

一个类，例如：

HTML:

---

这不是一回事吗？我的问题是，当我尝试做我展示的东西时，代码完全出错了。这是mouseenter和mouseleave的缩写。。。但你只想第一次打电话，对吗？所以，可以尝试一下，但合并一个计数器或布尔值。有点像；var计数器=0$（'ul'）.hover（函数（）{counter+=1；if（counter！=1）{return false；}else{//do this}）；不起作用，代码只会出错，并且只在1对上起作用（例如，那些需要正确执行的代码将不起作用）。同时，当我在一边盘旋时，另一只会飞出去，只在一个地方工作。你能贴一把小提琴吗？

<ul>
    <li class="demo"></li>
    <li class="demo"></li>
    <li class="demo"></li>
</ul>

$('.demo').on('mouseover', function(){
    $('.demo').scrollingCarousel
     (
         {
             autoScroll: true,
             autoScrollDirection: 'left',
         }
     );
});