javascript - jQuery-错误的重复追加到列表

Question

对 Web 开发来说非常新，我在尝试实现多维数组时遇到了一个问题，当我将一个新的 li 附加到一个 ul 并使用下面的代码产生 2 个 li 时。

该函数的参数是 dest-要附加的 ul 和 list-multi dim 数组设置为：

var webList2 = [["link.html","name"],["link.html","name"]...

我很确定我的代码可能还有其他问题，但似乎我可能遗漏了一些我还不熟悉的东西。

任何人都可以阐明一些光？

function expand(dest,list){
    var i = 2;

        function expandLoop() {
            setInterval(function() {

                if(i < list.length) {
                    i++;
                    var $newLi = $('<li><li>');
                    var $newA = $('<a></a>').attr('href',list[i][0]).text(list[i][1]);
                    $newLi.append($newA).appendTo(dest).hide().fadeIn(20);
                }

            }, 20);
        }

    $(expandLoop);
}

谢谢你。

Answer 1

li创建它时您没有关闭它。

    var $newLi = $('<li></li>');

将您的行更改为 :P 简单错误，实际上我花了一段时间才发现它！

现场演示