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

时间:2011-01-18 22:18:15

标签: jquery wordpress jquery-ui

我一直在尝试将jquery ui效果(更具体地说是摇动效果)包含在我的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>

感谢您的帮助!

1 个答案:

答案 0 :(得分:7)

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)函数加载自己的脚本。