UL和李用jQuery 3.2.1运行错误

问题描述：

I have this working link where it is displaied the outcome I want UL和李用jQuery 3.2.1运行错误

然而，当我插入我的代码到Dreamweaver CC 2018这是行不通的。我使用jquery jquery-3.2.1.js的3.2.1版本。

在我的jsfiddle中，选择按字母顺序排序，而在我的页面中则没有。

var mylist = $('#list'); 
 
var listitems = mylist.children('li').get(); 
 
listitems.sort(function(a, b) { 
 
    return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase()); 
 
}) 
 
mylist.empty().append(listitems);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="list"> 
 
<li>h</li> 
 
<li>c</li> 
 
<li>i</li> 
 
<li>e</li> 
 
<li>b</li> 
 
<li>l</li> 
 
<li>j</li> 
 
<li>f</li> 
 
<li>a</li> 
 
<li>g</li> 
 
<li>d</li> 
 
<li>k</li> 
 
<li>n</li> 
 
<li>m</li> 
 
</ul>

我缺少什么？

什么样的错误？ – Pedram

所以它工作？或不？ –

也许你的问题是当你的脚本被阅读，当你的HTML呈现。你有没有尝试在文档中插入你的JavaScript代码？我无法想象你提供的信息。 –

答

正如我提到我的评论你的问题可能是您的HTML渲染和JavaScript执行的时间。你可以尝试插入你的JavaScript代码，像这样准备好文档。

$(document).ready(function() { 
    var mylist = $('#list'); 
    var listitems = mylist.children('li').get(); 
    listitems.sort(function(a, b) { 
     return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase()); 
    }) 
    mylist.empty().append(listitems); 
});

你现在真的很聪明，它肯定会工作最后一个$（文档）。。。 finallllllly。非常感谢。 –

我不明白部分$（document .... finallllly）？你那是什么意思？任何方式，我很高兴我帮助，我希望我的回答是你所需要的。 –

我的意思是你确实把$（document）.ready（function（）{...。是的，我检查了DreamWeaver cc的工作原理 –

UL和李用jQuery 3.2.1运行错误

相关推荐