jQuery脚本无法在WordPress中加载($不是函数)

我一直在研究一个版本的Ian Lunn的嵌入wordpress 的交互式地图 。

该脚本在独立页面上完美运行,但在加载到wordpress时,脚本不执行任何操作。 我尝试了各种解决方案 – 以不同的方式加载jQuery(在functions.php中,内联,在页眉和页脚中),降级到jQuery的早期版本,命名函数,命名它。 什么都没发生,萤火虫没有出现任何错误,没有任何错

在这个阶段我完全失去了,任何提供的帮助将不胜感激。

这里的工作演示: http: //www.ianlunn.co.uk/demos/bbc-news-jquery-map/ Github来源: https : //github.com/IanLunn/BBC-News-jQuery-Map

//答案后更新

结果发现美元符号在WordPress中为原型库保留,这就是为什么它错误输出’$不是函数’ – 下面接受的答案指出了这一点,但仅在评论中因此更新为清晰。 例如:-

$().ready(function() { $("#select_me").show(); }); jQuery().ready(function() { jQuery("#select_me").show(); }); 

当我转到您的页面时,我在Firebug控制台中看到两个错误。

首先是:

 XML can't be the whole program. ?> map.js?ver3.2.1 (line 55) 

第二是:

 document.getElementById("recaptcha-submit-btn-area") is null /about/...ve-map/ (line 595) 

然后我看到:

 carouFredSel: No element selected. jquery...r=1.4.2 (line 14) 

你没有看到这个输出?

编辑:你的map.js包含在PHP标签中的代码,这就是问题所在。 它是在Javascript文件中传递给客户端的PHP代码。

我知道这已经得到了解答,但这就是我学会这样做的方法,即使它基本上是相同的答案,也可以帮助其他人复制/粘贴解决方案。

基本上将所有jQuery包装在这个函数中:

 jQuery(document).ready(function($) { /* Put your jQuery functions here, no need to change the $ to jQuery. */ }); 

看一下你正在加载的脚本文件:

http://mjw.view-wireframes.com/jquery-map/map.js

WordPress正在吐出一个PHP文件,而不是.js文件。 即它似乎是WP服务方式的问题,或者你包括Javascript文件。