Ajax in einer Wordpress Seite

Ich versuche, das folgende Stück ajax jquery in einem Wordpress-Seite zu verwenden:Ajax in einer Wordpress Seite

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>

ich dieses eine jquery in w3school Testumgebung getestet haben und es perfekt funktioniert, aber wenn ich setzen es in WordPress wirft es den folgenden Fehler Invalid or unexpected token auf Zeile 10. gibt es eine einfache Möglichkeit, das zu beheben?

Danke.

Quelle

2016-10-15 user3292394

jQuery Sagen Sie, dass es sich $ 'Namespace in den' mithilfe von '$ jQuery (document) .ready (function ($) {' auf der ersten Zeile anhängen sollte. – Terry

Alle oben genannten sind richtig und lösten ein anderes Problem, das ich nicht wusste, dass ich hatte. Aber das Problem, über das ich geschrieben habe, wurde gelöst, indem ich die <tr><td> Tags in meinem jQuery trennte.

Lösung

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

Quelle

2016-10-20 15:37:52 user3292394

Ich habe das gleiche Problem konfrontiert und ich änderte $ zu jQuery die

Quelle

2016-10-15 19:23:24

Wo müsste ich die $ zu jQuery ändern? – user3292394

Alle jquery Referenzen, wie $ ("# Frac_Table") zu jQuery ("# Frac_Table") und jedes $ zu jQuery –

Wordpress läuft mit jQuery in no-Konflikt-Modus für mich gearbeitet, ersetzt so die Verwendung von $ mit jQuery, also entweder, ersetzen sie alle Instanzen von $ mit jQuery oder ...

var $ = jQuery;

das es beheben sollte.

Quelle

2016-10-15 20:33:07 Nunicorn

Ajax in einer Wordpress Seite

Antwort

Verwandte Themen