UL和李用jQuery 3.2.1運行錯誤

-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>

我缺少什麼？

來源

2017-11-25 Kent Davis

什麼樣的錯誤？ – 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); 
});

來源

2017-11-25 10:34:32

你現在真的很聰明，它肯定會工作最後一個$（文檔）。。。 finallllllly。非常感謝。 –

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

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

UL和李用jQuery 3.2.1運行錯誤

回答

相關問題