Juqery Html(),append()等方法的Bug解决方法


Posted in Javascript onDecember 13, 2010

这几天在做动态加载图片热区,我用Ajax获取到了area标签,这里有多个area,在IE8和FF里测试正常,可一到IE7,和IE6里面就显示不正常了。

后来发现jquery中的append将HTML加入到标签里的方法都不好用,都会出现下面的问题

先给出我的获取热区的代码

Juqery Html(),append()等方法的Bug解决方法
下面是热的HTML
<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.我要的正确代码

Juqery Html(),append()等方法的Bug解决方法
 

2.不正确的代码

Juqery Html(),append()等方法的Bug解决方法 

上面的两种结果是从IETEST里截图出来的。

先前我用$("#Map").html();方法来获取热区,可以一直出现图2的问题。

后来我用alert();测试了一下,得出的结果是没有问题的,直接用innerHtml()问题就解决了,就是最上面注释了的那行Code。

 其实有的时候还是JS本身的一些东西兼容比较好,这要看需求了。Jquery不是万能的!

这可能就是jquery的Bug吧,只是个人意见,仅供参考!

Javascript 相关文章推荐
JavaScript是否可实现多线程  深入理解JavaScript定时机制
Dec 22 Javascript
可自己添加html的伪弹出框实现代码
Sep 08 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
精通JavaScript的this关键字
May 28 Javascript
axios基本入门用法教程
Mar 25 Javascript
javascript 数据存储的常用函数总结
Jun 01 Javascript
BootStrap 页签切换失效的解决方法
Aug 17 Javascript
ES6中Class类的静态方法实例小结
Oct 28 Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
vue基于better-scroll实现左右联动滑动页面
Jun 30 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 Javascript
JQuery中getJSON的使用方法
Dec 13 #Javascript
JavaScript 学习历程和心得分享
Dec 12 #Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 #Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 #Javascript
JS俄罗斯方块,包含完整的设计理念
Dec 11 #Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 #Javascript
JavaScript下利用fso判断文件是否存在的代码
Dec 11 #Javascript
You might like
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
使用composer 安装 laravel框架的方法图文详解
2019/08/02 PHP
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
2011/09/09 Javascript
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
jquery实现的一个简单进度条效果实例
2014/05/12 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
Python中Numpy mat的使用详解
2019/05/24 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
基于python框架Scrapy爬取自己的博客内容过程详解
2019/08/05 Python
Python Sympy计算梯度、散度和旋度的实例
2019/12/06 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
实体的生命周期
2013/08/31 面试题
技校毕业生的自我评价
2013/12/27 职场文书
2014年自我评价
2014/01/04 职场文书
在校学生职业规划范文
2014/01/08 职场文书
119消防日活动总结
2014/08/29 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
化验员岗位职责
2015/02/14 职场文书
入党积极分子个人总结
2015/03/02 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python