如何在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.

结束
标签： plugins   php   jquery   html   小码农  

相关推荐

changing wp-admin/widgets.php

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