Rumah >hujung hadapan web >tutorial js >Penyelesaian kepada masalah pemilih jquery di bawah ie7 yang menyebabkan tambah fail_jquery

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

WBOY
WBOYasal
2016-05-16 15:20:401297semak imbas

1, terdapat sekeping html seperti berikut

Salin kod Kod adalah seperti berikut:

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



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 a4b561c25d9afb9ac8dc4d70affff419e388a4556c0f65e1904146cc1a846bee, tetapi saya menghadapi HTML dengan pautan seperti: <.>

Salin kod

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

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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn