Главная » WordPress » Статьи Wordpress » Использование ‘$’ вместо ‘jQuery’ в WordPress
Распечатать статью

Использование ‘$’ вместо ‘jQuery’ в WordPress

Насколько вы знаете, 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();
03
04 /* "Safe" jQuery you see in WordPress */
05 jQuery("#some-element").yaddaYaddaYadda();

Многократное написание строки ‘jQuery’ в скриптах усложняет их читаемость и чрезмерно увеличивает размер скрипта. Давайте прекратим это делать.

Если скрипт загружается в футере (что делается в большинстве случаев), вы можете обернуть код в анонимную функцию (технически, в любую IIFE), в которую будет передаваться ‘$’:

01 (function($) {
02
03     // $ Works! You can test it with next line if you like
04     // console.log($);
05
06 })( jQuery );

Если же вам необходимо загрузить все скрипты в header’е, вам, вероятно, понадобится использовать функцию готовности документа, в которую будет передаваться ‘$’:

01 jQuery(document).ready(function( $ ) {
02
03     // $ Works! You can test it with next line if you like
04     // console.log($);
05
06 });

Теперь вы можете без всяких опасений использовать символ ‘$’ в ваших jQuery-скриптах.

Источник: oddstyle.ru

Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи