Насколько вы знаете, WordPress поставляется с jQuery (при написании статьи использовался WordPress версии 3.2.1). Чтобы использовать jQuery в своих плагинах и темах должным образом, вам необходимо добавить следующий код (в файл functions.php):
01 |
wp_enqueue_script( "jquery" ); |
Хитрость здесь заключается в том, что по умолчанию копия jQuery находится в режиме совместимости. Это означает, что привычный нам шорткат ‘$’ не будет работать. Сделано это для того чтобы не создавать конфликтов с другими библиотеками Javascript, использующими знак доллара (к примеру, MooTools или Prototype).
Многие создатели плагинов и разработчики тем знают об этом, и используют ‘jQuery’ вместо ‘$’ для сохранения безопасности.
01 |
/* Normal jQuery you see everywhere */ |
02 |
$( "#some-element" ).yaddaYaddaYadda(); |
04 |
/* "Safe" jQuery you see in WordPress */ |
05 |
jQuery( "#some-element" ).yaddaYaddaYadda(); |
Многократное написание строки ‘jQuery’ в скриптах усложняет их читаемость и чрезмерно увеличивает размер скрипта. Давайте прекратим это делать.
Если скрипт загружается в футере (что делается в большинстве случаев), вы можете обернуть код в анонимную функцию (технически, в любую IIFE), в которую будет передаваться ‘$’:
03 |
// $ Works! You can test it with next line if you like |
Если же вам необходимо загрузить все скрипты в header’е, вам, вероятно, понадобится использовать функцию готовности документа, в которую будет передаваться ‘$’:
01 |
jQuery(document).ready( function ( $ ) { |
03 |
// $ Works! You can test it with next line if you like |
Теперь вы можете без всяких опасений использовать символ ‘$’ в ваших jQuery-скриптах.
Источник: oddstyle.ru