Почему функция не привязывается к указаному классу?

Question

[RushV]

Указал нужный мне класс, скрипт не привязывается ни к нужному классу, ни к другим классам на странице.
Подключал скрипт и в Хеадер, и в футтер - эффекта ноль.
В консоли браузера пишет:
TypeError: $ is not a function[Подробнее] scriptsortsearch.js:1:1
<анонимная>yugo-zapadnoe.ru/wp-content/themes/realhomes/js/sc...
Движок Wordpress, шаблон купленный.
Скрипт:

var mylist = $('.select2-location-results ul');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
  var compA = $(a).text().toUpperCase();
  var compB = $(b).text().toUpperCase();
  return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });

Answer 1

[Сергей Соколов]

TypeError: $ is not a function

не подключён jQuery на момент выполнения этого кода.

Comments

[RushV]

Сейчас на данный момент скрипт подключён в Футоре а jQuery в Хедаре

[Сергей Соколов]

RushV, отменяется назначение jQuery алиасу $.

Вместо $(document)... попробуйте jQuery(document)...

[RushV]

Теперь вот что пишет в консоли
[Показать/скрыть детали сообщения.] TypeError: $ is not a function[Подробнее] scriptsortsearch.js:2:15
<анонимная>
yugo-zapadnoe.ru/wp-content/themes/realhomes/js/sc...
i
yugo-zapadnoe.ru/wp-includes/js/jquery/jquery.js:2...
fireWith
yugo-zapadnoe.ru/wp-includes/js/jquery/jquery.js:2...
ready
yugo-zapadnoe.ru/wp-includes/js/jquery/jquery.js:2...
K
yugo-zapadnoe.ru/wp-includes/js/jquery/jquery.js:2...

[RushV]

Может это важно но вот ещё что пишет
JQMIGRATE: Migrate is installed, version 1.4.1

[Сергей Соколов]

jQuery(document).ready(function($){
  // тут всё то же, что и раньше
});

[RushV]

Вот что пишет в консоли

[RushV]

Я этот скрипт подключил вот так

<script src="<?php echo get_template_directory_uri() ?>/js/scriptsortsearch.js"></script>

Может без подключения прямо так вставить в footer и всё:

jQuery(document).ready(function($){
	var mylist = $('.select2-results ul');
	var listitems = mylist.children('li').get();
	listitems.sort(function(a, b) {
	   var compA = $(a).text().toUpperCase();
	   var compB = $(b).text().toUpperCase();
	   return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
	})
	$.each(listitems, function(idx, itm) { mylist.append(itm); });
});  ?

[Сергей Соколов]

совсем странно.. Если зайти на главную вашего сайта и в консоли ввести:

jQuery(document).ready(function($){  $('#logo a').text('Привет!');});

то текст заголовка нормально поменяется. Т.е. использование $ внутри работает. Он функция.

[RushV]

Сейчас я обновил страницу всё вроде нормально в консоли

Но скрипт не сортирует список "метро" по алфавиту

Может я не правильно указываю селектор ?
var mylist = $('.select2-results ul');

[Сергей Соколов]

RushV, там же все селекты изменяются какой-то примочкой, наверное, jQuery-Ui. Почитайте их документацию, как получать выбранные значения. И посмотрите в инспекторе, какая получается фактически разметка после обработки.