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

回答

相關問題