アヤックス

Question

私はWordPressのページでのAjaxのjQueryの以下の部分を使用しようとしています：

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.これを簡単に解決する方法はありますか？

ありがとうございました。ので、そのいずれか、jQueryで$の使用を置き換え、

Answer 1

上記はすべて正しいと私が持っていたことを知らなかった別の問題を解決しました。 しかし、私が投稿した問題は、私の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); 
     } 
     }); 
    }); 
}); 

Answer 2

私は同じ問題に直面していると私は

Answer 3

Wordpressのは、無競合モードでjQueryを使って動作します私のために働いたのjQuery に に$ を変更しましたそれを修正する必要があり

var $ = jQuery; 

jQueryで$のすべてのインスタンスを置き換える、または...。