Сортировка неупорядоченного списка по алфавиту

Question

Я хочу отсортировать неупорядоченный список по алфавиту. Я пробовал много разных javascript-решений, ни один из них не работал (тестировался в 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> 

Надежда, что помогает!