jquery - 如何在 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 包。下面将从 google 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) 函数加载您自己的脚本。