Lösung für das Problem des jquery-Selektors unter ie7, der dazu führt, dass an „fail_jquery' angehängt wird

1, es gibt ein Stück HTML wie folgt

Code kopieren Der Code lautet wie folgt:

2. Ich verwende jquery, um den Inhalt unter tbody dynamisch auszufüllen. Der Code lautet wie folgt

Code kopieren Der Code lautet wie folgt: $("#pending table tbody").empty().append(th).append(html);

Dieser Code wird in ie7 und niedrigeren Versionen Probleme haben, d. h. jquery kann die richtige Dom-Position nicht finden und den Inhalt über #pending table tbody anhängen. Es muss geändert werden. Der geänderte Code lautet wie folgt

Code kopieren Der Code lautet wie folgt: $("table tbody").empty().append(th).append(html);

#pending entfernen und dom direkt über die Tabelle tbody finden

3. Kaskadierende Selektoren sind sehr verbreitet, aber warum gibt es unter IE7 ein solches Problem oder ist die HTML-Schreibmethode für verschachtelte Tabellen unter div nicht standardisiert?

Lassen Sie mich weiterhin hinzufügen:

Was Sie bei der Verwendung von jquery append im IE beachten sollten

Änderung (unten):

$(document).ready(function() {
   $.ajax({
     url: 'Cutepage.htm',
     dataType: 'json',
     data: 'type=Init&PageSize=' + EachPage + '&PageIndex=1',
     success: function(msg) {

      //在IE7下无法显示,在火狐下没有问题。。。。。
      $('#Content').append('<tr><td width="19%"> 商品编号</td><td width="15%">商品名字</td><td width="20%">供应商商编号</td><td width="30%">商品种类编号</td><td width="10%">单价</td></tr>');

     },
    error: function(x) { alert("服务器错误代码:" + x.status); $('#Loading').hide(); }
   });
 });

Kopieren Sie den Inhalt in einen Parameter, verwenden Sie HTML-Inhalte nicht direkt.

$(document).ready(function() {
   $.ajax({
     url: 'Cutepage.htm',
     dataType: 'json',
     data: 'type=Init&PageSize=' + EachPage + '&PageIndex=1',
     success: function(msg) {

      //修改后...（这样就没有问题了,可以看出Jquery对html标签是比较敏感的，以后需要注意........） 
      var pageContent = '';  
       pageContent += '<table border="2">';
       pageContent += '<tr><td width="19%"> 商品编号</td><td width="15%">商品名字</td><td width="20%">供应商商编号</td><td width="30%">商品种类编号</td><td width="10%">单价</td></tr>';
       pageContent += '</table>';      
       $('#Content').append(pageContent );

     },
    error: function(x) { alert("服务器错误代码:" + x.status); $('#Loading').hide(); }
   });
 });

Die Append-Methode von jQuery unterstützt keine HTML-Attribute wie Verbindungen

Ich bin sehr deprimiert. Ich schreibe heute ein Programm und möchte etwas HTML an das Dokumentobjekt anhängen. Es gibt überhaupt kein Problem, z. B.

, aber ich stoße auf HTML mit Links wie:

Code kopieren Der Code lautet wie folgt: $("#test").append("test");

Mit Firefox gibt es kein Problem, aber IE6, IE7 und IE8 bleiben hängen, es werden nur Textinhalte ohne Verbindungen angezeigt. Ich bereitete mich auf Google vor, stellte jedoch fest, dass ich mich nicht mehr bei Google.com anmelden konnte. Grundsätzlich war die auf Google.cn gefundene Seite voller Junk-Artikel von Sammelseiten, was sehr deprimierend war. Nachdem ich lange daran gearbeitet hatte, fand ich einen Artikel, der besagte, dass es sich um ein Problem mit der eigenen Append-Funktion von jQuery handelte. Diese Funktion hat ihre eigenen Anweisungen, die der HTML-Analyse und -Analyse ähneln, aber sie stößt auf Links oder Tags nicht vollständig geschlossen oder angepasst sind, kann jQuery sie einfach nicht erkennen. Ich weiß nicht, ob das wirklich der Fall ist. Die js-Bibliothek, die ich habe, ist zu spät und mir ist schwindelig und ich möchte mir den Quellcode von Laoshizi nicht mehr ansehen. Erstellen Sie einfach ein Element des a-Tags und fügen Sie es direkt ein, etwa so:

Code kopieren Der Code lautet wie folgt: $(document.createElement(‘a’)).attr({"href":"#", "id": '#mylink'}).appendTo("#test");

Dann hängen Sie Inhalte an diesen Link an:

Code kopieren Der Code lautet wie folgt: $(‘#mylink’).text("test");

Hey, bist du müde? Egal, ich gehe morgen ins Bett, schauen wir uns an, wie der Quellcode von jQuery geschrieben ist.