如何在wordpress上正确包含jquery-ui效果

Question

我一直试图在我的wordpress主题中包含jquery ui效果(更具体地说是摇动效果).到目前为止,我只能包含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>

谢谢你的帮助!

Answer 1

wordpress中包含的jquery-ui-core可能不包含Effects.文档不清楚(http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Default_scripts_included_with_WordPress)您可能必须从URL加载自定义jquery-ui包.下面将从谷歌cdn加载完整的jquery UI

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

您还可以使用wp_enqueue_script($ name,$ src)函数来加载自己的脚本.