アルファベット順の並べ替えられていないリストを並べ替え

Question

アルファベット順に並べ替える必要があります。私は多くの異なるjavascriptソリューションを試しましたが、そのうちの1つでは動作しませんでした（SafariとChromeでテスト済み）。これは私が使用したいコードです：

var activeLanguage = "de" 
 

 
function sortUL(selector) { 
 
    var $ul = $(selector); 
 
    $ul.find('li').sort(function(a, b) { 
 
    var upA = $(a).text().toUpperCase(); 
 
    var upB = $(b).text().toUpperCase(); 
 
    return (upA < upB) ? -1 : (upA > upB) ? 1 : 0; 
 
    }).appendTo(selector); 
 
}; 
 

 
$(document).ready(function() { 
 
    sortUL("#WoodList"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<ul id="WoodList"> 
 
    <li>Banana</li> 
 
    <li>Catv</li> 
 
    <li>Apple</li> 
 
    <li>Orange</li> 
 
    <li>Car</li> 
 
    <li>Pear</li> 
 
    <li>Banana</li> 
 
    <li>Cat2</li> 
 
    <li>Apple4</li> 
 
    <li>Banana1</li> 
 
    <li>Cat</li> 
 
    <li>Apples</li> 
 
    <li>Banana</li> 
 
    <li>Cat</li> 
 
</ul>

リストがブラウザにソートされていないまま。それはなぜ機能しないのですか？ここで

Answer 1

はJSFiddleに取り組んだ例：https://jsfiddle.net/vzbgzexc/

あなたはjQueryのをロードしていることを確認します。 jQueryをロードしているコードのどこにも表示されませんが、$を使用しています。あなたはおそらくこれに似たブラウザのコンソールにエラーを受信して​​いる：

ReferenceError: $ is not defined 

インサート：

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> 

役に立てば幸い！