Juqery Html(),append()等方法的Bug解決方法
這幾天在做動態(tài)加載圖片熱區(qū),我用Ajax獲取到了area標簽,這里有多個area,在IE8和FF里測試正常,可一到IE7,和IE6里面就顯示不正常了。
后來發(fā)現(xiàn)jquery中的append將HTML加入到標簽里的方法都不好用,都會出現(xiàn)下面的問題
先給出我的獲取熱區(qū)的代碼

<img src="Image.aspx?reganise_id=<%=ViewState["RegionValue"]%><%=ViewState["ID"] %>" width="930px" usemap="#Map" border="0" id="NodeImage"/>
<map name="Map" id="Map"></map>
如下是結果:
1.我要的正確代碼

2.不正確的代碼
上面的兩種結果是從IETEST里截圖出來的。
先前我用$("#Map").html();方法來獲取熱區(qū),可以一直出現(xiàn)圖2的問題。
后來我用alert();測試了一下,得出的結果是沒有問題的,直接用innerHtml()問題就解決了,就是最上面注釋了的那行Code。
其實有的時候還是JS本身的一些東西兼容比較好,這要看需求了。Jquery不是萬能的!
這可能就是jquery的Bug吧,只是個人意見,僅供參考!
相關文章
jQuery實現(xiàn)合并/追加數組并去除重復項的方法
這篇文章主要介紹了jQuery實現(xiàn)合并/追加數組并去除重復項的方法,可實現(xiàn)合并兩個數組并出去重復項的功能,涉及數組的遍歷、判斷、追加等相關操作技巧,需要的朋友可以參考下2018-04-04
IE7瀏覽器窗口大小改變事件執(zhí)行多次bug及IE6/IE7/IE8下resize問題
通過本篇文章主要給大家介紹IE7瀏覽器窗口大小改變事件執(zhí)行多次bug及IE6/IE7/IE8下resize問題,需要的朋友可以一起來學習2015-08-08
jQuery中的replace字符串替換實現(xiàn)不同尺寸圖片切換功能
這篇文章主要介紹了jQuery之replace字符串替換實現(xiàn)不同尺寸圖片切換,使用jQuery的replace()方法可以很方便地實現(xiàn)不同尺寸圖片的切換,需要的朋友可以參考下2023-06-06
全面解析DOM操作和jQuery實現(xiàn)選項移動操作代碼分享
這篇文章主要介紹了DOM操作和jQuery實現(xiàn)選項移動操作代碼分享的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06
jQuery+HTML5+CSS3制作支持響應式布局時間軸插件
這篇文章主要為大家詳細介紹了JQuery+HTML5+CSS3制作時間軸,支持響應式布局時間軸插件,感興趣的小伙伴們可以參考一下2016-08-08

