将jQuery脚本添加到wordpress自定义页面

jdi*_*ias 0 wordpress jquery

试图将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中.但它没有显示任何东西.

有任何想法吗?

谢谢.

ken*_*tam 5

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/