`
hikin
  • 浏览: 266488 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

IE8下, jQuery :hidden函数在TR上的bug与解决方法

阅读更多

该问题主要产生在ie8下对tr标签隐藏后统计其个数时出现
下面是一段官方的解释:
There is an open ticket for this. It is interesting because IE says that the TR element still has a width > 0 even though it isn't displayed. If you check the TD of the hidden TR, it is hidden.

解决方法,通过行的css样式获取display值来判断当前行是否是隐藏状态
详细代码如下:

var hideCount=0;
jQuery("#dataList tr").each(function(){
     var curTR=jQuery(this);
     var display=curTR.css("display");
     if(display=="none"){
        hideCount=hideCount+1;
     }
});

 上面方法 ie6,ie7,ie8,ff测试通过

 

2
0
分享到:
评论

相关推荐

    jquery appen table 问题 ie8下解决方法

    本文将深入探讨“jquery append table问题在IE8下的解决方法”,结合给出的标签“源码”和“工具”,我们来详细讨论这个问题。 在jQuery中,`append()`函数是一个非常常用的方法,它允许我们在DOM(Document Object...

    IE8 css overflow:hidden不起作用

    IE8浏览器中,CSS属性`overflow:hidden`无法正常工作的问题,实际上反映出了不同版本浏览器对CSS标准支持程度的差异。`overflow`属性通常用于控制元素内容溢出时的显示方式。在大多数现代浏览器中,`overflow:hidden...

    jQuery实现table中的tr上下移动并保持序号不变

    同时,jQuery提供了`insertBefore()`和`insertAfter()`方法,用于在DOM树中移动元素,这正是实现行移动的关键。 2. 表格行(tr)的序号: 序号通常是在表格的第一列中表示,我们可以利用`data-*`自定义属性来存储...

    jquery与js函数冲突的两种解决方法.docx

    这两种方法都可以有效地解决jQuery和其他JavaScript库之间的冲突,让你可以在同一页面上同时使用它们。在编写代码时,选择适合项目需求的方法,以确保代码的稳定性和兼容性。 **总结** 1. 使用`jQuery.noConflict...

    ie8以下浏览器不兼容jquery解决方案

    以上是解决"ie8以下浏览器不兼容jQuery"问题的一些常见方法。在实际开发中,根据项目需求和用户群体,可能需要权衡性能、兼容性和维护成本,选择最合适的解决方案。同时,随着技术的发展,逐渐放弃对过时浏览器的...

    jquery validate在ie8下的bug解决方法

    问题在于当使用 jQuery Validate 插件,并且尝试在按钮点击事件上绑定表单验证时,`valid()` 函数在 IE8 中始终返回 `false`,并且所有字段都被当作必填字段进行校验。这个问题的根源在于 `attributeRules()` 函数,...

    jQuery UI Datepicker IE8 使用的基本解决方法70-1

    jQuery UI Datepicker IE8 使用的基本解决方法:解决:IE8无法响应其中jquery.ui.datepicker部分标签a(无href)的onclick事件,和td由于放入标签a href="#",无法响应自身onclick事件,只验证了icon-trigger模式,...

    jquery动态添加删除(tr/td)

    在介绍jQuery动态添加删除表格行(tr)和单元格(td)的过程中,首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,对于Web开发人员来...

    兼容IE8的jQuery宽屏幻灯片轮播插件.rar

    兼容IE8的jQuery宽屏幻灯片轮播插件.rar 兼容IE8的jQuery宽屏幻灯片轮播插件.rar 兼容IE8的jQuery宽屏幻灯片轮播插件.rar 兼容IE8的jQuery宽屏幻灯片轮播插件.rar 兼容IE8的jQuery宽屏幻灯片轮播插件.rar 兼容IE8的...

    jQuery中:hidden选择器用法实例

    隐藏元素选择器(hidden selector)是jQuery中非常实用的一个选择器,它主要用于选取那些在页面上不可见的元素。在实际的Web开发中,我们经常需要对隐藏的元素进行操作,比如显示隐藏的元素、改变样式或者绑定事件等...

    jQuery可见性过滤器:hidden和:visibility用法实例

    这段代码会选中所有在页面上可见的`<tr>`元素,不论这些元素是完全可见还是通过`visibility: hidden;`隐藏但仍然占据空间。 具体案例分析: 假设我们有以下HTML代码: ```html <tr id="one" style="display:none;...

    jQuery ajaxFileUpload.js 插件 ie9 下bug 修复

    总的来说,`jQuery ajaxFileUpload.js 插件 ie9 下bug 修复`这个主题涵盖了前端开发中的重要知识点,包括浏览器兼容性、异步文件上传、Ajax交互和事件处理等。理解和解决这些问题对于提升老旧浏览器下的用户体验至关...

    easyui&jquery兼容版本(兼容IE8的最后版本)

    它包含了经过测试、可以正常运行在IE8上的EasyUI和jQuery的特定版本组合。这确保了即使在老旧的浏览器环境中,也能提供良好的用户体验和功能支持。 为了正确使用这些兼容性版本,开发者需要注意以下几点: 1. **...

    兼容IE8的jQuery瀑布流代码.zip

    6. **兼容性处理**:确保使用的jQuery方法和选择器在IE8下是可用的,比如避免使用`:last-child`等不被IE8支持的CSS选择器。 在这个“兼容IE8的jQuery瀑布流代码”中,开发者可能已经考虑到了以上所有因素,为旧版...

    jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug

    在这个场景下,修复后的jquery.uploadify.js文件已经解决了这个问题,用户只需要将官方下载的文件替换掉原来的版本,就可以在IE9和IE10上正常使用Uploadify的浏览按钮功能。 为了更好地利用jQuery Uploadify.js,...

    兼容IE8的jQuery弹窗插件

    由于jQuery的核心设计,使得它在老旧的IE8浏览器上也能运行良好。 popup.js的兼容性是其一大亮点。IE8虽然现在已经被大多数开发者抛弃,但仍有部分用户在使用,因此对于需要向后兼容的项目,此插件是一个理想的选择...

    帮大家整理了jquery所有版本,我常用的是1.7.2,注意IE8兼容要用2.0以下版本的jquery

    - 虽然没有在这个压缩包中提供,但值得注意的是jQuery 2.0及后续版本不再支持IE8及更低版本的浏览器。这是因为2.x系列主要针对现代浏览器优化,去除了对旧版IE的兼容代码,使得体积更小,性能更高。 3. jQuery 3.x...

    jQuery+ajax实现动态添加表格tr td功能示例

    本文将详细解析使用jQuery和ajax技术来实现动态添加表格行(tr)和单元格(td)功能的方法。 #### 1. 理解jQuery和ajax技术 **jQuery**是一个快速、简洁的JavaScript库,它封装了许多常用的功能,简化了JavaScript...

    jQuery函数全解析

    jQuery函数全解析

Global site tag (gtag.js) - Google Analytics