阿賈克斯一個WordPress頁面

我嘗試使用下面的一塊AJAX的jQuery的一個WordPress頁面：阿賈克斯一個WordPress頁面

1. <script> 
    2. $(document).ready(function(){ 
    3.  $("button").click(function(){ 
    4.  $.ajax({ 
    5.   method: 'GET', 
    6.   url: "http:Sample.url.com",}).done(function (data) 
    7.    { 
    8.   var f_table= ""; 
    9.   for (var i = 0; i < data.unittopics.topics.length; i++) { 
    10.   f_table+= "<tr><td>" +data.unittopics.topics[i].name+ "</td><td>" +data.unittopics.topics[i].description+ "</td><td>" + "<a id=" +'Frac_Link'+i+ " href='#'>" +'Click here'+ "</td></tr>"; 
    11.   alert("#div"+data.unittopics.topics[i].id); 
      } 
    12. $("#Frac_Table").append(f_table); 
    13.  for (var x = 0; x < data.unittopics.topics.length; x++) 
{ 
    14. $("#Frac_Link"+x).attr('href', data.unittopics.topics[x].externalUrl); 
    alert("working"); 
} 

}); 
}); 
}); 
</script>

我在w3school的測試環境中測試這一個jQuery和它的工作完美，但是當我把它到WordPress它會拋出以下錯誤Invalid or unexpected token行10.有沒有一種簡單的方法來解決這個問題？

謝謝。

來源

2016-10-15 user3292394

告訴jQuery的，它應該通過'$ jQuery的（文件）。就緒（函數（$）自身附加到''$ {命名空間'第一線。 – Terry

以上所有都是正確的，並解決了另一個我不知道我有的問題。但我發佈的問題解決了我在我的jQuery中將<tr><td>標籤分開的問題。

解決方案

jQuery(document).ready(function(){ 
    jQuery("#frac_btn").one('click', function() { 
    jQuery.ajax({ 
     method: 'GET', 
     url: 'http:Sample.url.com' 
    }).done(
     function (data) { 
     var f_table= ""; 

     for (var i = 0; i < data.unittopics.topics.length; i++) { 
      f_table += '<tr' + '><td' + '>' + 
      data.unittopics.topics[i].name + '</td' + '><td' + '>' + 
      data.unittopics.topics[i].description + '</td' + '><td' + '>' + 
      '<a id=' + 'Frac_Link' + i + " href='#'>" + 'Click here' + 
      '</td' + '></tr' + '>'; 
     } 

     jQuery("#Frac_Table").append(f_table); 

     for (var x = 0; x < data.unittopics.topics.length; x++) { 
      jQuery('#Frac_Link' + x).attr('href', data.unittopics.topics[x].externalUrl); 
     } 
     }); 
    }); 
});

來源

2016-10-20 15:37:52 user3292394

我都面臨着同樣的問題，我改變了 $ 到 jQuery的這工作對我來說

來源

2016-10-15 19:23:24

在哪裏我需要將$改爲jQuery嗎？ – user3292394

所有的jquery引用，如$（「＃Frac_Table」）到jQuery（「＃Frac_Table」）和每個$到jQuery –

WordPress的運行與jQuery的無衝突模式，所以取代使用$與jQuery，所以要麼，與jQuery取代的$所有實例，或...

var $ = jQuery;

這應該修復它。

來源

2016-10-15 20:33:07 Nunicorn

阿賈克斯一個WordPress頁面

回答

相關問題