Italiano
Español
RomânăКак правильно подключить эффекты jquery-ui в WordPress
Я пытаюсь подключить эффекты jquery ui (в частности эффект shake) в моей теме WordPress. Пока что мне удалось подключить только скрипт jQuery, но я совершенно не понимаю, где разместить скрипты ui и как их правильно загрузить.
Вот код, который у меня есть. Очевидно, он не работает:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("#manita-imagen").mouseover(function(){
//$j(this).animate({ opacity: "hide" })
// alert('asd');
$j(this).effect("shake", { times:3 }, 300);
});
});
</script>
Спасибо за помощь!
Обратите внимание, что для реального эффекта (blind, bounce, fade и т.д.) вам нужно явно добавить этот эффект в очередь. Например, для 'fade': wp_enqueue_script( 'jquery-effects-fade' );
SunnyRed
Пользователь должен помещать свой собственный JavaScript в отдельный файл, а затем добавлять этот файл в очередь с указанием необходимых зависимостей. Таким образом WordPress (и плагины производительности) будут знать требуемый порядок загрузки этих скриптов и разместят их на странице в правильной последовательности.
Dave Hilditch
Не совсем верно. Пока он вызывает их до wp_head(), всё должно работать нормально. Их не обязательно добавлять через хуки, и уж точно не стоит вешать их на init. Если вы хотите их зарегистрировать, используйте хук 'wp_enqueue_scripts'. Именно для этого он и предназначен.
Otto
@Otto То, что вы говорите, звучит логично. Но есть ли объяснение, почему в кодексе написано то, что написал @EAMann - "Используйте действие init для вызова этой функции"? И его пример взят именно оттуда... http://codex.wordpress.org/Function_Reference/wp_enqueue_script
Lea Cohen
Кодекс местами несистематизирован. Лучший экшен для этого - 'wp_enqueue_scripts' для фронтенда или 'admin_enqueue_scripts' для админки. Хук init тоже будет работать, но он будет без необходимости регистрировать скрипт на всём сайте.
Otto
Я обновил свой фрагмент кода соответствующим образом. Изначально это была быстрая, интуитивная реакция на основе ссылки из Codex... Использование wp_enqueue_scripts определенно более правильный подход и позволяет избежать необходимости в дополнительной проверке is_admin().
EAMann
Это тоже неправильный способ - плагинам для оптимизации производительности нужно знать зависимости. Автору следует создать собственный .js файл, зарегистрировать его с указанием зависимостей - WordPress позаботится об остальном.
Dave Hilditch
Вы даже можете загружать все библиотеки jQuery из Google CDN вместо своего собственного сайта.
Jan Fabry
Я бы настоятельно не рекомендовал загружать скрипты из внешних источников. Я делал это довольно долго, и (редко) случалось, что хост был недоступен, поэтому у нескольких клиентов одновременно возникали проблемы с их страницами.
Julian F. Weinert
@JulianF.Weinert это палка о двух концах: хороший CDN означает меньшую задержку, но отсутствие контроля при его отказе. Тем не менее, если CDN Google упадет, половина интернета перестанет работать, так что ваш сайт будет не единственным. Вероятность того, что он будет недоступен и не закэширован в браузере пользователя, крайне мала. В большинстве ситуаций использование CDN приносит пользу.
Alex
Верно. Я не говорил о полноценном CDN, который, конечно же, здесь подошёл бы идеально, так как он как раз предназначен для такого использования. Однако загрузка скриптов с любого john-doe.com кажется мне несколько рискованной
Julian F. Weinert
Не следует использовать хук init для подключения скриптов и стилей. Используйте хук wp_enqueue_scripts только для фронтенда или хук admin_enqueue_scripts для бэкенда.
Otto
Не знал, что действие wp_enqueue_scripts только для фронтенда. Спасибо :)
Tareq
Отлично, спасибо!
Dragi Postolovski
Я думал, что вы можете быть правы (иногда имена, под которыми WP регистрирует скрипты, отличаются от стандартных), но в данном случае регистрация 'jquery-ui-core' должна сработать. Это указано в http://core.trac.wordpress.org/browser/branches/3.0/wp-includes/script-loader.php#L121
goldenapples
Хорошее замечание! Я предположил, что он хочет загрузить только эту библиотеку jQuery, и в таком случае загрузка остального будет избыточной.
editor
Вы правильно поняли. Использование зависимостей в ваших собственных вызовах wp_enqueue_script — это правильный способ подключения jquery/jquery-ui и т.д. Нет необходимости регистрировать их отдельно.
Michae Pavlos Michael
И если вы регистрируете их отдельно, в то время как ваш скрипт от них зависит, ваш скрипт может/будет ломаться на сайтах, которые оптимизируют производительность — например, если скрипты объединяются в один для ускорения загрузки, или если они откладываются (deferred) или минифицируются (зависит от минификации, но порядок может измениться). Если вы не указали WordPress, что ваш скрипт зависит от других скриптов, вы не можете гарантировать порядок их загрузки.
Dave Hilditch