jQuery .toggle()在IE中不与TR一起使用

我正在使用jQuery的toggle()来显示/隐藏表行.它在FireFox中工作正常,但在IE 8中不起作用.

.show()/ .hide()工作正常.

slideToggle()在IE中也不起作用 - 它会瞬间显示然后再次消失.在FireFox中正常工作.

我的HTML看起来与此类似

Click  
  
  
row
  
  
row
  
  
row
  
  
row
  
  
row
  

JavaScript的

$(document).ready(function() {  
    $(".readOnlyRow").hide();  
    $("#readOnlyRowsToggle").click(function() {  
        $(".readOnlyRow").toggle();  
    });  
});  

Brian Bolton.. 46

我在表中的tr上遇到了同样的错误.我使用IE8的脚本调试工具进行了一些调查.

首先我尝试使用切换:

$(classname).toggle();

这适用于FF但不适用于IE8.

然后我尝试了这个:

if($(classname).is(":visible"))//IE8 always evaluates to true.
     $(classname).hide();
else
     $(classname).show();

当我调试这段代码时,jquery一直认为它是可见的.所以它会关闭它,但它永远不会打开它.

然后我把它改成了这个:

var elem = $(classname)[0];
if(elem.style.display == 'none')
     $(classname).show();
else
{
     $(classname).hide();               
}

这工作得很好.jQuery有一个错误,或者我的HTML有点棘手.无论哪种方式,这解决了我的问题.

1> Brian Bolton..：

---

我在表中的tr上遇到了同样的错误.我使用IE8的脚本调试工具进行了一些调查.

首先我尝试使用切换:

$(classname).toggle();

这适用于FF但不适用于IE8.

然后我尝试了这个:

if($(classname).is(":visible"))//IE8 always evaluates to true.
     $(classname).hide();
else
     $(classname).show();

当我调试这段代码时,jquery一直认为它是可见的.所以它会关闭它,但它永远不会打开它.

然后我把它改成了这个:

var elem = $(classname)[0];
if(elem.style.display == 'none')
     $(classname).show();
else
{
     $(classname).hide();               
}

这工作得很好.jQuery有一个错误,或者我的HTML有点棘手.无论哪种方式,这解决了我的问题.

---

elem.style.display应该是elem.css('display')

---

看起来像这行:var elem = $(classname)[0]; 将函数限制为仅使用该类名切换第一个元素[0].如果您想要同时切换几个页面元素,该怎么办？如何才能正确切换所有元素？

2> Robin Ducket..：

---

升级到jQuery 1.4修复了这个问题,虽然我很喜欢,但是这个页面上唯一对我有用的"修复"是Dough boy的回答:

$(document).ready(function() {  
  $(".readOnlyRow").hide();  
  $("#readOnlyRowsToggle").click(function() {  
    $(".readOnlyRow").toggle($('.readOnlyRow').css('display') == 'none');  
  });  
});

3> Cᴏʀʏ..：

---

删除您的期间row.jQuery类选择的语法是在其前面加上句点,但在HTML代码中不需要它.