Question

我有一个脚本将长的无序下拉菜单列表分成5个组，然后将它们与父ul一起追加到原来的li中。这是目前的HTML。

<li class="dropdown menuB">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Drobdown B<b class="caret"></b></a>
    <ul class="dropdown-menu row-fluid">
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
        <li><a href="#">Link 4</a></li>
        <li><a href="#">Link 5</a></li>
        <li><a href="#">Link 6</a></li>
        <li><a href="#">Link 7</a></li>
        <li><a href="#">Link 8</a></li>
        <li><a href="#">Link 9</a></li>
        <li><a href="#">Link 10</a></li>
        <li><a href="#">Link 11</a></li>
        <li><a href="#">Link 12</a></li>
    </ul>
</li>

jQuery(function(){
    var $bigList = jQuery('.menuB .dropdown-menu'), group;
    while((group = $bigList.find('li:lt(5)').remove()).length){
        var $ul = jQuery('<ul/>'),
        $eachLi = jQuery('<li/>', {class: ( 'span' + spanSize )});          
        $ul.append(group);
        $eachLi.append($ul);
        jQuery(".dropdown-menu").append($eachLi);
    }
});

如果我将新列表附加到html中的任何其他位置，即正文，则另一个li它可以正常工作，但是当我将其追加到列表父ul时，它会崩溃我的浏览器，在我尝试的每个浏览器中。为什么我无法重新接触原来的父母？

追加到父级的jQuery不起作用

0 个答案: