Javascript не будет работать

Question

Я нашел эту функцию для учебника drupal. Может кто-нибудь объяснить мне, почему следующий javascript не работает в моей установке Wordpress и может дать мне решение?

; 
(function ($) { 
"use strict"; 
    var $corn = $('.corn-anchor'); 
    $corn.each(function(idx, el) { 
    var $el = $(el); 
    $el.once('corn-animation', function() { 
     $(window).on('load', function() { 
     new Waypoint({ 
      element: el, 
      handler: function(direction) { 
      $el.toggleClass('corn-animated', (direction == 'down')); 
      }, 
      offset: '85%' 
     }); 
     }); 
    }); 
    }); 
}); 

Я хочу, чтобы использовать его для переключения некоторых разделов-оберток для анимации элементов в этих обертках с помощью CSS переходов с селектором .corn анимации. Я использую плагин waypoints. Я даже не получаю сообщение об ошибке в отладчике, но не добавляется toggleClass, когда я прокручиваю вниз до элемента с кукурузой-якорем класса.

Answer 1

Ничего не запускает код в функции. Глядя на него, последняя строка должна быть

})(jQuery); 
// ^^^^^^^^---- *call* the function, passing in `jQuery` 

не

}); 

Кроме того, убедитесь, что загружен на script тег в конце в HTML, непосредственно перед закрывающим </body> тег (и после тега script, который включает jQuery). В противном случае он запустится слишком быстро и не найдет никаких элементов .corn-anchor.

Если вы не контролируете, где сценарий заканчивается (так как вы используете Wordpress), вместо изменения последней строки, измените первый один:

jQuery(function ($) { 

Это вызывает jQuery, проходя в этой функции; jQuery будет вызывать функцию позже (передавая себя в качестве первого аргумента), когда HTML анализируется и DOM заполняется; это псевдоним для ready.