如何在WordPress中包含这个jQuery文件?

时间:2012-02-17 作者:Ronny K

好的,我有一个jQuery,我已经在静态html页面中测试过了,它运行得很好。

我如何在插件中包含jQuery来处理wordpress?

这就是html页面。

<head>
<title> Welcome to my page</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.17.custom.css">
</head>
<body>


<a id="word" href="#">Google</a>
<span id="hoovertext"> a powerful search engine</span>


</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/hide.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>

</body>
这是适用于此html页面的jQuery文件

$(\'a\').mousemove(function(){

    $(\'#hoovertext\').show();

});

$(\'#hoovertext\').mouseleave(function(){
    $(this).fadeOut();

});
基本上,我希望这个jQuery能够处理wordpress网站上的特定单词。。在某种意义上,当有人将鼠标悬停在文本上时,它会给出一个描述。正是我上面的代码所做的。

有人能告诉我怎么做吗,因为我在wordpress中包含jQuery是我仍然不太理解的一件事。

谢谢

2 个回复
最合适的回答,由SO网友:mor7ifer 整理而成

您应该使用wp_register_script()wp_enqueue_script(), 例如:

add_action( \'wp_enquque_scripts\', \'my_script_enqueue\' );

function my_script_enqueue() {
    wp_enqueue_script( \'my-jquery\', \'URL TO THE FILE\', array( \'jquery\' ) );
}
此外,正如Zack所提到的,您应该注册jQuery,因为wordpress不使用$ 默认情况下用于jQuery。

jQuery( document ).ready( function( $ ) {
    //your jquery
});

SO网友:Zack

你可能想看看wp_enqueue_script. 虽然,我刚刚注意到您正在使用$ 前缀

尝试这样做:

<script type="text/javascript">
   (function($) {
      // my javascript/jquery here
   })(jQuery);
</script>
基本上,我忘记了你必须这样做的技术原因,但是$ 已被另一个javascript库使用。此代码所做的是创建一个匿名函数,该函数的参数为“$“。此函数还将jQuery对象传递给它,因此本质上,$ 对于此函数,再次使用jQuery。

EDIT: 多亏了评论中的芯片,技术上的原因是使用WordPress的jQuery正在运行no conflict mode.

结束

相关推荐

changing wp-admin/widgets.php

我们希望在管理面板中设计小部件页面时有所不同,主要是为了帮助站点管理员了解每个小部件在站点中的显示位置:为此,我们需要更改小部件所使用的HTML。php呈现(仅仅更改css是不够的)。我们如何在不触及核心的情况下做到这一点?