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

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

Насколько вы знаете, WordPress поставляется с jQuery (при написании статьи использовался WordPress версии 3.2.1). Чтобы использовать jQuery в своих плагинах и темах должным образом, вам необходимо добавить следующий код (в файл functions.php):

wp_enqueue_script("jquery");

Хитрость здесь заключается в том, что по умолчанию копия jQuery находится в режиме совместимости. Это означает, что привычный нам шорткат ‘$’ не будет работать. Сделано это для того чтобы не создавать конфликтов с другими библиотеками Javascript, использующими знак доллара (к примеру, MooTools или Prototype).

Многие создатели плагинов и разработчики тем знают об этом, и используют ‘jQuery’ вместо ‘$’ для сохранения безопасности.

/* Normal jQuery you see everywhere */
$("#some-element").yaddaYaddaYadda();

/* "Safe" jQuery you see in WordPress */
jQuery("#some-element").yaddaYaddaYadda(); 

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

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

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

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

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

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

http://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/

Сохранено из oddstyle.ru

Добавить комментарий

%d такие блоггеры, как: