成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jquery在ie7下選擇器的問題導致append失效的解決方法
全站頭部文字 我要出現在這里
jquery在ie7下選擇器的問題導致append失效的解決方法 711 2024-03-14   

1,有如下這樣一段html

<div class="right"id="pending"> 

 <table class="one"width="100%"border="0"cellspacing="0"cellpadding="0"> 

<tbody>

</tbody>

</table>

 <div id="pendingpage"class="paging"> 

</div>

</div>

2,我用jquery動態填充tbody下的內容代碼如下

$("#pending table tbody").empty().append(th).append(html);

這段代碼在ie7及以下ie版本會有問題,jquery無法通過#pending table tbody 找到正確的dom位置并append內容。需要修改,修改的代碼如下

$("table tbody").empty().append(th).append(html);

把#pending去掉 直接通過table tbody找dom

3,我一時很疑惑,級聯的選擇器很常見,但是在ie7下為什么有這種問題,難道是jquery的bug或者div下嵌套table tbody的html寫法不夠標準?

下面繼續補充一下:

jquery在IE中使用append應注意的問題

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

修改(如下):

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

就是將內容復制給一個參數,不要直接使用html內容。

jQuery的append方法不支持連接等HTML屬性的解決

很是郁悶,今天寫程序,想在文檔對象中append一些html上去,諸如<b><p>這些完全沒有問題,可是碰到了帶鏈接的HTML如:

$("#test").append("<a );

firefox毫無問題,IE6、IE7一直到IE8就死活上不去,只顯示文本內容,不帶任何連接。準備Google一下,卻發現Google.com已然無法登陸,Google.cn上查詢出來的基本上一頁全是采集站的那些垃圾文章,很是郁悶。搞了半天,找到一篇文章,說是jQuery自身append函數的問題,這個函數自己帶類似HTML解析和分析的語句,基本的html沒問題,碰到鏈接或者未完全關閉的標簽或者是自定義的標簽,jQuery就死活認不出來。不知道是否真的如此,手頭的js庫是壓縮版,太晚了頭也昏昏沉沉不想再去看勞什子源代碼了。直接自己Create一個a標簽的元素插入進去好了,這樣搞:

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

然后給這個鏈接附上內容:

$(‘#mylink').text("test");

哎,累不累啊。不管了,睡覺了,明天有空看看jQuery的源代碼是怎么寫的吧。



主站蜘蛛池模板: 教师政治学习笔记| 二年级上册道法教学计划| 工会基层组织选举工作条例| 电影井冈山| 电影儿媳| 喂找谁呀 电影| 情人电影网| 六年级上册脱式计算题100道| 霹雳火之特种兵| 秦天柱| av午夜| spec结| 迷失之城剧情介绍| 极品电影网| 裸体模特| 红电视剧演员表| 《爱的温暖》电影在线观看| 乔治桑| 韩国一个好妈妈| 我的电影在线观看| 女人妣| 皮囊之下| 心跳源计划演员表| 电视剧《唐太宗李世民》| 飞天电影| 电锯狂魔| 巴霍巴利王3电影免费观看| 心奇爆龙战车5之机甲战陀 2021| 女奥特曼:苍月女战士在线观看| 斯科特阿金斯主演所有电影| 柏欣彤广场舞开档| 天上人间电影| 抖音下载安装| 书剑恩仇录演员表| 天气预报电影| 抖音网页| 双重曝光韩剧在线观看| 孤芳岚影| 搜狐视频官网| 惊弦电视剧完整版免费观看高清| 少爷和我短剧|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103