好的,我有一个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是我仍然不太理解的一件事。
谢谢
最合适的回答,由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.