Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress javascript冲突_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Wordpress javascript冲突

Wordpress javascript冲突,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我以前处理过WP-js冲突,但这一次让我难堪。我有一个简单的表格,有四个问题。用户必须单击“全部是”才能显示链接。我已经能够在测试服务器上的单个pg上仅使用jQuery1.6.2重新创建它,因此我知道js和表单的工作原理 <script type="text/javascript"> $(document).ready(function() { $('input:radio').change(function(){ if( ($('in

我以前处理过WP-js冲突,但这一次让我难堪。我有一个简单的表格,有四个问题。用户必须单击“全部是”才能显示链接。我已经能够在测试服务器上的单个pg上仅使用jQuery1.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>

$(文档).ready(函数(){
$('input:radio')。更改(函数(){
如果(
($('input:radio[name=group1]:选中').val()=='Yes')&&
($('input:radio[name=group2]:选中').val()=='Yes')&&
($('input:radio[name=group3]:选中').val()=='Yes')&&
($('input:radio[name=group4]:选中').val()=='Yes')
){
document.getElementById('pdflink')。innerHTML='';
}
否则{
document.getElementById('pdflink')。innerHTML='';
}
});
});

问题1




问题2




问题3




问题4



以下是链接:


我尝试过使用jQuery.noConflict方法,但没有成功。如果可以,请提供帮助…

@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>    });
});
$(文档).ready(函数(){
$('input:radio')。更改(函数(){
如果(
($('input:radio[name=group1]:选中”).val()='Yes')&;&;
($('input:radio[name=group2]:选中)').val()='Yes')&;&;
($('input:radio[name=group3]:选中”).val()='Yes')&;&;
($('input:radio[name=group4]:选中').val()=='Yes')
){
document.getElementById('pdflink')。innerHTML='10〕
",;
}
否则{
document.getElementById('pdflink')。innerHTML='';
}

}); });

&&operators正在被转义,您的脚本中有随机的标记。

是的,感谢您之前指出这一点(很抱歉,我没有回应)。你认为这是什么原因造成的?这些只是符号符号的HTML编号。我试过禁用所有插件…你能把它放到一个外部的.js文件中吗?这和WP中的HTML编辑器有关。也许主题有冲突,但当我把js放在
header.php
中时,问题就消失了。谢谢你的帮助。@Matt Ball,你打开链接了吗?我没有做它应该做的。链接没有显示。啊,我明白你的意思-我把你对期望行为的描述解释为对问题的描述。