javascript - WordPress javascript 冲突

Question

我以前处理过 WP js 冲突，但这个让我难住了。我有一个包含四个问题的简单表格。用户必须单击"is"才能显示链接。我已经能够在测试服务器上的单个 pg 上仅使用 jquery 1.6.2 重新创建它，所以我知道 js 和表单有效。

<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 方法，但没有成功。如果可以请帮忙...

Answer 1

@blackessej，您的代码没有到达客户端。这是我在浏览器中看到的:

$(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>
<p>';
        }
        else {
            document.getElementById('pdflink').innerHTML = '';
        }</p>
    <p>    });
});

&& 运算符正在转义，您的脚本中有随机

标记。