javascript - 我的 Wordpress 页面内容中的 javascript 阻止页面上的其他脚本工作

Question

我在我的基于 Wordpress 的网站上设置了一份问卷，其中包含一个脚本。该脚本基于页面的 content () 部分。但是，现在页面上的其他脚本停止工作（例如下拉菜单、页面标题的动态显示等）。我的脚本是否以某种方式使页面上的所有其他脚本停止工作，如果是这样，我的脚本是否有一个简单的编辑可以解决这个问题？

出现问题的页面在这里： http: //paracelsus-suchttherapie.ch/selbsttests/alkoholsucht-selbsttest/

我正在谈论的脚本如下所示：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript">// <![CDATA[
$(window).load(function(){ 
function calcscore(){
 var score = 0;
 $(".calc:checked").each(function(){
     score+=parseInt($(this).val(),10);
 });
 $("input[name=sum]").val(score)
} 
$().ready(function(){
 $(".calc").change(function(){
     calcscore()
 });
});
});
// ]]></script>

Answer 1

这里的问题很可能是由于您$直接引用了变量（在 WordPress 中，由于 jQuery 处于noConflict()模式，它没有像您所期望的那样映射到 jQuery）。

var $ = jQuery.noConflict();以将 jQuery 分配给 $开始您的脚本

Answer 2

感谢您为我指明正确的方向。我通过用 jQuery 替换所有 $ 来解决它。现在工作顺利。