Question

我基本上是在制作幻灯片，一旦用户点击相应的导航，数组元素就会显示给定的按钮。

        var modules ={};
    modules[0] = new Array();
    modules[0][0] ="content 1 - 0";
    modules[0][1] ="content 1 - 1";
    modules[0][2] ="content 1 - 2";
    modules[0][3] ="content 1 - 3";

    modules[1] = new Array();
    modules[1][0] ="content 2 - 0";
    modules[1][1] ="content 2 - 1";
    modules[1][2] ="content 2 - 2";
    modules[1][3] ="content 2 - 3";
    modules[1][4] ="content 2 - 4";

        $(".container").mouseover(function(){
            var number = $(".container").index(this);
            jQuery.each(modules[number], function(index,value){
                $(".details").eq(0).append("<div class='details-word'>" + value + '</div>');
            })
        });


})

我使用数字来跟踪哪个按钮用户鼠标悬停，每个数组都会包含detail-word div。使用此代码，详细信息容器不断从数组中获取重复内容。我想我的代码有问题，但不知道如何解决它......

我还是jquery的新手，谢谢你的帮助。

Answer 1

解决了，我使用悬停而不是鼠标悬停，并使用.remove（）删除追加。

Jquery数组，追加和鼠标悬停问题

1 个答案: