WordPress的JavaScript冲突

我已经处理WP js冲突之前，但这一个让我难住。我有一个简单的四个问题的形式。用户必须点击yes才能显示链接。我已经能够在测试服务器上的单个pg上只用jquery 1.6.2来重新创建这个，所以我知道js和表单工作。WordPress的JavaScript冲突

<script type="text/javascript"> 
$(document).ready(function() { 
    $('input:radio').change(function(){ 
     if(
      ($('input:radio[name=group1]:checked').val() == 'Yes') && 
      ($('input:radio[name=group2]:checked').val() == 'Yes') && 
      ($('input:radio[name=group3]:checked').val() == 'Yes') && 
      ($('input:radio[name=group4]:checked').val() == 'Yes') 
     ){ 
      document.getElementById('pdflink').innerHTML = '<div><a href="http://www.mydomain.com/somefile.pdf">grab the file here</a></div>'; 
     } 
     else { 
      document.getElementById('pdflink').innerHTML = ''; 
     } 

    }); 
}); 
</script> 

<form name="myform" action="" method="POST"> 
<div><br> 
<p>Question 1?</p> 
<input type="radio" name="group1" value="Yes"> Yes<br> 
<input type="radio" name="group1" value="No"> No<br> 
<hr> 
<p>Question 2?</p> 
<input type="radio" name="group2" value="Yes"> Yes<br> 
<input type="radio" name="group2" value="No"> No<br> 
<hr> 
<p>Question 3?</p> 
<input type="radio" name="group3" value="Yes"> Yes<br> 
<input type="radio" name="group3" value="No"> No<br> 
<hr> 
<p>Question 4?</p> 
<input type="radio" name="group4" value="Yes"> Yes<br> 
<input type="radio" name="group4" value="No"> No<br> 
</div> 
</form> 
<div id="pdflink"> 
</div>

这里的链接：http://www.hcfmissoula.com/grants/compassionate-care-grant

我已经使用，没有运气的jQuery.noConflict方法尝试。请帮助，如果你可以...

来源

2011-07-28 blackessej

@Matt Ball，你打开链接了吗？我没有做它应该做的事情。该链接不显示。 – blackessej

啊我明白你的意思了 - 我将你对所需行为的描述解释为问题的描述。 –

@blackessej，你的代码是不是在客户端。这是我在浏览器中看到：

$(document).ready(function() { 
    $('input:radio').change(function(){ 
     if(
      ($('input:radio[name=group1]:checked').val() == 'Yes') &#038;&#038; 
      ($('input:radio[name=group2]:checked').val() == 'Yes') &#038;&#038; 
      ($('input:radio[name=group3]:checked').val() == 'Yes') &#038;&#038; 
      ($('input:radio[name=group4]:checked').val() == 'Yes') 
     ){ 
     document.getElementById('pdflink').innerHTML = ' 
<div><a href="http://www.mydomain.com/somefile.pdf">grab the file here</a></div> 
<p>'; 
     } 
     else { 
      document.getElementById('pdflink').innerHTML = ''; 
     }</p> 
    <p> }); 
});

的& &运营商越来越逃了出来，有随机<p>在脚本标记。

来源

2011-07-28 02:32:01 Dennis

是的，并感谢以前指出（抱歉，我没有回应）。你认为这是什么造成的？这些只是＆符号的HTML编号。我试过禁用所有插件... – blackessej

你可以把它扔在外部.js文件中吗？ – Dennis

与WP中的HTML编辑器有关。也许主题有冲突，但是当我把js放在'header.php'中时，问题就消失了。谢谢你的帮助。 – blackessej

WordPress的JavaScript冲突

回答

相关问题