ie7jquery的簡單介紹

jquery在ie7下選擇器的問題導(dǎo)致append失效的解決方法

1，有如下這樣一段html

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站與策劃設(shè)計(jì),吉首網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:吉首等地區(qū)。吉首做網(wǎng)站價(jià)格咨詢:13518219792

復(fù)制代碼

代碼如下:

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動(dòng)態(tài)填充tbody下的內(nèi)容代碼如下

復(fù)制代碼

代碼如下:

$("#pending

table

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

這段代碼在ie7及以下ie版本會有問題，jquery無法通過#pending

table

tbody

找到正確的dom位置并append內(nèi)容。需要修改，修改的代碼如下

復(fù)制代碼

代碼如下:

$("table

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

把#pending去掉

直接通過table

tbody找dom

3，我一時(shí)很疑惑，級聯(lián)的選擇器很常見，但是在ie7下為什么有這種問題，難道是jquery的bug或者div下嵌套table

tbody的html寫法不夠標(biāo)準(zhǔn)？

下面繼續(xù)補(bǔ)充一下：

jquery在IE中使用append應(yīng)注意的問題

$(document).ready(function()

{

$.ajax({

url:

'Cutepage.htm',

dataType:

'json',

data:

'type=InitPageSize='

+

EachPage

+

'PageIndex=1',

success:

function(msg)

{

//在IE7下無法顯示,在火狐下沒有問題。。。。。

$('#Content').append('trtd

width="19%"

商品編號/tdtd

width="15%"商品名字/tdtd

width="20%"供應(yīng)商商編號/tdtd

width="30%"商品種類編號/tdtd

width="10%"單價(jià)/td/tr');

},

error:

function(x)

{

alert("服務(wù)器錯(cuò)誤代碼:"

+

x.status);

$('#Loading').hide();

}

});

});

修改（如下）：

$(document).ready(function()

{

$.ajax({

url:

'Cutepage.htm',

dataType:

'json',

data:

'type=InitPageSize='

+

EachPage

+

'PageIndex=1',

success:

function(msg)

{

//修改后...（這樣就沒有問題了,可以看出Jquery對html標(biāo)簽是比較敏感的，以后需要注意........）

var

pageContent

=

'';

pageContent

+=

'table

border="2"';

pageContent

+=

'trtd

width="19%"

商品編號/tdtd

width="15%"商品名字/tdtd

width="20%"供應(yīng)商商編號/tdtd

width="30%"商品種類編號/tdtd

width="10%"單價(jià)/td/tr';

pageContent

+=

'/table';

$('#Content').append(pageContent

);

},

error:

function(x)

{

alert("服務(wù)器錯(cuò)誤代碼:"

+

x.status);

$('#Loading').hide();

}

});

});

就是將內(nèi)容復(fù)制給一個(gè)參數(shù)，不要直接使用html內(nèi)容。

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

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

復(fù)制代碼

代碼如下:

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

href='#'test/a");

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

復(fù)制代碼

代碼如下:

$(document.createElement(‘a(chǎn)')).attr({"href":"#",

"id":

‘#mylink'}).appendTo("#test");

然后給這個(gè)鏈接附上內(nèi)容：

復(fù)制代碼

代碼如下:

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

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

jQuery IE7不兼容 求大神解惑

如果其它瀏覽器都正常的話，可能就是你的jq版本太高了，實(shí)際上這段代碼用1.8.3就可以。如果你的版本太高，試試下載低版本的jq。

jquery1.12.0支持IE7嗎?

jquery1.12.0是支持IE7的。

jQuery1.x與2.x版本區(qū)別

資料來源：HTML5學(xué)堂

關(guān)于jQuery在IE7的兼容問題 求大神解惑

html

body

head

meta charset="UTF-8"

script src="js/jquery-1.7.2.js"/script

style

ul.big{width:800px;margin:80px auto;}

ul.big li{line-height:32px;font-size:18px;}

ul.big li.erji{font-size:16px;}

ul.sub{background:#ededed;}

/style

/head

ul class="big"

li子欄目/li

li class="erji"二級子欄目/li

li子欄目/li

li class="erji"二級子欄目/li

li class="erji"二級子欄目/li

li class="erji"二級子欄目/li

li子欄目/li

li class="erji"二級子欄目/li

li class="erji"二級子欄目/li

li子欄目/li

li class="erji"二級子欄目/li

/ul

script

$(document).ready(function(){

$("li").each(function(){

var html = '';

if($(this).hasClass('erji')){

html += $(this).html();

$(this).before('ul class="sub"'+html+'/ul');

$(this).remove();

}

});

});

//再不行就用javascript寫

/script

/body

/html

網(wǎng)站名稱：ie7jquery的簡單介紹
文章位置：http://muchs.cn/article38/phegsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、全網(wǎng)營銷推廣、網(wǎng)站設(shè)計(jì)、ChatGPT、域名注冊、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)