国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

jquery在ie7下選擇器的問題導致append失效的解決方法

2024-05-06 16:27:37
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了jquery在ie7下選擇器的問題導致append失效的解決方法
 

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 href='#'>test</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的源代碼是怎么寫的吧。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 晋江市| 吉木乃县| 巴青县| 衢州市| 洛川县| 文登市| 延吉市| 银川市| 承德县| 中江县| 禄丰县| 台江县| 麦盖提县| 延寿县| 苏州市| 和林格尔县| 行唐县| 思茅市| 中方县| 平湖市| 万盛区| 新津县| 桓台县| 新竹县| 湟源县| 营山县| 永寿县| 新郑市| 东兰县| 广汉市| 同仁县| 共和县| 视频| 二手房| 班戈县| 灌阳县| 延吉市| 长治市| 霍山县| 阳东县| 台中市|