jQuery的.toggle()方法在IE中不适用于TR元素

Question

jQuery的.toggle()方法在IE中不适用于TR元素

jqueryhtmltoggle

25

我正在使用jQuery的toggle()来显示/隐藏表格行。在FireFox中它运作正常，但在IE 8中却无法工作。

.show()/.hide()则可以正常工作。

slideToggle()在IE中也不起作用——它会短暂地显示一下，然后又消失了。在FireFox中可以正常工作。

我的HTML代码看起来类似于这样

<a id="readOnlyRowsToggle">Click</a>  
<table>  
  <tr><td>row</td></tr>  
  <tr><td>row</td></tr>  
  <tr class="readOnlyRow"><td>row</td></tr>  
  <tr class="readOnlyRow"><td>row</td></tr>  
  <tr class="readOnlyRow"><td>row</td></tr>  
</table>

JavaScript

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

- Robert MacLean

IE8 中的 TD 也存在同样的问题。 - Cros

13个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- TroodoN-Mike · Answer 1

我注意到如果你使用了jquery mobile，那么在iphone上切换可能无法正常工作。如果你在jquery mobile加载之前运行toggle(.ready)，那么就没问题。

- ScottE · Answer 2

我也注意到了。很可能你需要在每个td上切换一个类。我还没有尝试过这个解决方案，所以告诉我一声！

对于其他人- 这是特定于IE8的，而不是6或7。

编辑

显然你没有尝试过这个，因为-1，但是我刚刚用良好的结果尝试了（在我的情况下）。

CSS

tr.hideme td { display: none }

JS

$("#view-advanced").click(function() {
    $("tr.hideme td").toggle();
    return false;
});

- helloandre · Answer 3

因为您让他们点击了一个 <a>，所以需要该函数返回 false。