Uncaught TypeError: $ не является функциональной ошибкой с Animate It JS-файлом в WordPress

Question

Я боюсь с некоторым javascript здесь, так как я продолжаю получать ошибку, но независимо от того, что я делаю, я все равно получаю сообщение об ошибке - ошибка находится в строке 400 (http://www.stuartgreen.me.uk/pontins-events/wp-content/themes/genesis-sample/js/css3-animations.js), и, как я понимаю, это как-то связано с $ и WordPress (я не знаю JS), но я пробовал вещи, которые я видел здесь, например, используя документ. и jQuery вместо замены $, но он просто приносит другую ошибку:/

Может ли какой-либо эксперт JS указать мне в правильном направлении здесь?

Answer 1

Проблема связана со стандартной практикой WordPress использования jQuery.noConflict() для предотвращения столкновений с другими библиотеками, использующими $.

Тот, кто поставил этот код вместе, не смог рассмотреть эту хорошо документированную практику.

Вы должны быть в состоянии это исправить, обернув нижнюю часть кода в IIFE обертке ... так же, как верхние секции сделаны:

(function($) { 

// all code after "//CSS3 Animate-it" on line 399 

})(jQuery); 

Также убедитесь, что Jquery загружается в перед этим конкретным файлом. Возможно использование других плохих методов интеграции