Как правильно включить эффекты jquery-ui на WordPress

Question

Я пытался включить эффекты jquery ui (точнее, эффект встряхивания) в мою тему WordPress. До сих пор я мог включать только сценарий jQuery, но я действительно не знаю, где разместить сценарии пользовательского интерфейса и как их ставить в очередь.

Это код, который у меня есть. Это явно не работает:

    <?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>

Спасибо за вашу помощь!

Answer 1

Возможно, что ядро ​​jquery-ui, включенное в WordPress, не включает в себя эффекты. Документация неясна (http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Default_scripts_included_with_WordPress) Возможно, вам придется загрузить пользовательский пакет jquery-ui из URL-адреса. Ниже будет загружен полный пользовательский интерфейс jquery из Google CDN

<?php wp_enqueue_script("myUi","https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js"); ?>

Вы также можете использовать функцию wp_enqueue_script ($ name, $ src) для загрузки собственных сценариев.