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

这里的问题很可能是由于您直接引用了$变量（由于jQuery处于noConflict()模式，因此在WordPress中未将其映射到jQuery）。

使用var $ = jQuery.noConflict();启动脚本，将jQuery分配给$

Answer 2

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

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

2 个答案: