Heim  >  Artikel  >  Web-Frontend  >  Lösung für das Problem des jquery-Selektors unter ie7, der dazu führt, dass an „fail_jquery“ angehängt wird

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

WBOY
WBOYOriginal
2016-05-16 15:20:401254Durchsuche

1, es gibt ein Stück HTML wie folgt

Code kopieren Der Code lautet wie folgt:

284774e381c812f48249ca70ec6ff891 b3cb001ffa23a62d3d148e67f026e3f1 92cee25da80fac49f6fb6eec5fd2c22a
ca745a59da05f784b8811374296574e1
f16b1740fad44fb09bfe928bcc527e08
020f20ce17f6305b909a1f285ba64f8f 16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68



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. a4b561c25d9afb9ac8dc4d70affff419e388a4556c0f65e1904146cc1a846bee, aber ich stoße auf HTML mit Links wie:

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


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.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn