Question

尝试将jQuery脚本合并到Wordpress站点中。

我在主题中创建了一个自定义页面，并在正文标记中添加了以下内容：

<body>
...
<div id="msgid"> hello there
</div>
...
</body>

我还创建了一个test.js文件，其中包含以下内容：

$(document).ready(function(){
 $("#msgid").html("Hello world.");
});

我在页脚中加载test.js.

我期待看到Hello world。在div中。但它没有显示任何内容。

有什么想法吗？

感谢。

Answer 1

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.");
});

有关jQuery的noConflict函数的详细信息，请参阅此处：http://api.jquery.com/jQuery.noConflict/

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

1 个答案: