Penyelesaian kepada masalah pemilih jquery di bawah ie7 yang menyebabkan tambah fail_jquery

1, terdapat sekeping html seperti berikut

Salin kod Kod adalah seperti berikut:

2. Saya menggunakan jquery untuk mengisi kandungan secara dinamik di bawah tbody Kodnya adalah seperti berikut

Salin kod Kod adalah seperti berikut: $("#pending table tbody").kosong().append(th).append(html);

Kod ini akan mengalami masalah dalam ie7 dan versi di bawah iaitu jquery tidak dapat mencari kedudukan dom yang betul dan menambahkan kandungan melalui jadual #pending. Ia perlu diubah suai Kod yang diubah suai adalah seperti berikut

Salin kod Kod adalah seperti berikut: $("table tbody").kosong().append(th).append(html);

Alih keluar #pending dan cari dom terus melalui jadual badan

3. Saya keliru buat sementara waktu. Pemilih Cascading sangat biasa, tetapi mengapa terdapat masalah sedemikian di bawah IE7 Adakah ia pepijat jquery atau kaedah penulisan HTML tbody bersarang di bawah div tidak cukup standard?

Biar saya terus menambah:

Perkara yang perlu diberi perhatian apabila menggunakan jquery append dalam IE

Pengubahsuaian (di bawah):

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

Salin kandungan ke parameter, jangan gunakan kandungan html secara langsung.

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

Kaedah tambah jQuery tidak menyokong atribut HTML seperti sambungan

Saya sangat tertekan. Saya menulis program hari ini dan ingin menambahkan beberapa HTML dalam objek dokumen Tiada masalah sama sekali, seperti

, tetapi saya menghadapi HTML dengan pautan seperti: <.>

Salin kod

Kod adalah seperti berikut: $("#test").append("test");

Tiada masalah dengan firefox, tetapi IE6, IE7 dan IE8 tersekat, hanya kandungan teks dipaparkan tanpa sebarang sambungan. Saya sedang bersedia ke Google, tetapi saya mendapati bahawa saya tidak lagi boleh log masuk ke Google.com Pada asasnya, halaman yang ditemui di Google.cn penuh dengan artikel sampah dari tapak koleksi, yang sangat menyedihkan. Selepas mengusahakannya untuk masa yang lama, saya menemui artikel yang mengatakan bahawa ia adalah masalah dengan fungsi tambahan jQuery sendiri tidak ditutup sepenuhnya atau disesuaikan, jQuery tidak dapat mengenalinya. Saya tidak tahu sama ada ini benar-benar berlaku Perpustakaan js yang saya miliki adalah versi mampat sudah terlambat dan kepala saya pening dan saya tidak mahu melihat kod sumber Laoshizi lagi. Cuma buat elemen teg dan masukkan terus, seperti ini:

Salin kod

Kod adalah seperti berikut: $(document.createElement(‘a’)).attr({"href":"#", "id": ‘#mylink'}).appendTo("#test");

Kemudian lampirkan kandungan pada pautan ini:

Salin kod

Kod adalah seperti berikut: $(‘#mylink’).text("test");

Hei, awak penat? Tidak mengapa, saya akan tidur jika saya mempunyai masa esok, mari kita lihat bagaimana kod sumber jQuery ditulis.