2011-07-28 6 views
1

이전에 WP js 충돌을 처리했지만이 문제는 저를 곤혹스럽게합니다. 4 가지 질문이있는 간단한 양식이 있습니다. 링크를 표시하려면 사용자가 모두 예를 클릭해야합니다. 필자는 테스트 서버의 단일 pg에 jquery 1.6.2만으로 이것을 재현 할 수 있었기 때문에 js와 폼 작업을 알았다. 내가 행운과 jQuery.noConflict 방법을 사용하여 시도했다 http://www.hcfmissoula.com/grants/compassionate-care-grantWordpress 자바 스크립트 충돌

:

<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> 

여기 링크입니다. 가능한 경우 도와주세요.

+0

@Matt Ball, 링크를여셨습니까? 나는 그것이해야 할 일을하지 않습니다. 링크가 표시되지 않습니다. – blackessej

+0

아, 나는 당신이 의미하는 것을 본다. 나는 원하는 행동에 대한 당신의 묘사를 문제의 묘사로 해석했다. –

답변

2

@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> }); 
}); 

& & 사업자가 탈출 얻고있다 및 스크립트에서 임의 < 페이지 > 태그가 있습니다 : 이것은 내가 내 브라우저에서 볼 것입니다.

+0

예. 이전에이 문제를 지적 해 주셔서 감사합니다 (미안하지만 답변하지 않았습니다). 이걸 일으킨 것 같아요? 그것들은 앰퍼샌드 기호에 대한 HTML 숫자 일뿐입니다. 모든 플러그인을 비활성화하려고 시도했습니다 ... – blackessej

+0

외부 .js 파일로 던져 넣을 수 있습니까? – Dennis

+1

WP의 HTML 편집기와 관련이 있습니다. 어쩌면 테마가 충돌 할 수도 있지만,'header.php'에 j를 넣으면 문제가 사라집니다. 당신의 도움을 주셔서 감사합니다. – blackessej

관련 문제