试图将jQuery脚本合并到Wordpress网站中.
我在主题中创建了一个自定义页面,并在body标签中添加了以下内容:
<body>
...
<div id="msgid"> hello there
</div>
...
</body>
Run Code Online (Sandbox Code Playgroud)
我还创建了一个test.js文件,其中包含以下内容:
$(document).ready(function(){
$("#msgid").html("Hello world.");
});
Run Code Online (Sandbox Code Playgroud)
我在页脚中加载test.js.
我期待看到Hello world.在div中.但它没有显示任何东西.
有任何想法吗?
谢谢.
Wordpress默认使用jQuery的noConflict版本,这意味着它不会将jQuery加载到$符号.
你可以这样做:
jQuery(document).ready(function($){
//inside of here you passed in the $ sign to be used as an alias of jQuery
$("#msgid").html("Hello world.");
});
Run Code Online (Sandbox Code Playgroud)
有关jQuery的noConflict函数的更多详细信息,请参见此处:http://api.jquery.com/jQuery.noConflict/