jQuery SlideToggle 不能与 Firefox 中的 colspan 一起使用吗?

标签 jquery slidetoggle html-table

<script type="text/javascript">
$(document).ready(function() {


    $('#description').show();
    $('#extender').click(function() {
    $('#description').slideToggle("fast");

    });

});  
</script>

 <tr>
    <td>cell1</td>
    <td><a href="#" id="extender">link</a></td>
  </tr>
  <tr id="description">
    <td colspan="2" class="desc">This should span two columns but it doesnt bla jaajja</td>
  </tr>
  <tr>
    <td>cell1</td>
    <td>cell2</td>
  </tr>

最佳答案

表格元素动画可能存在问题。 解决此问题的方法是将 TD 的主体放入 DIV 中,并为 DIV 制作动画。

在我的代码中我使用这样的东西:

       var el = $("TR.post_"+_id+' TD');
       el.wrapInner("<div/>");
       $("TR.post_"+_id+' TD DIV').slideUp('500');
       setTimeout(function(){el.remove()},500);

关于jQuery SlideToggle 不能与 Firefox 中的 colspan 一起使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1269220/

相关文章:

javascript - 什么 JavaScript 方法可以定位后代?

javascript - slideToggle 显示然后隐藏

css - 使用 CSS 合并列将新列添加到表的末尾

html - 如何使表格在所有浏览器中保持一致

html - 用于在表格中对标题进行分组的 HTML5 标记是什么?

javascript - 如何在 jQuery 中检测当前页面的媒体类型

jquery - Bootstrap - 响应式导航栏无法正常工作

javascript 循环遍历 li 属性并更改每个项目的值

javascript - jQuery .slideToggle – 以某种方式被多次触发

javascript - 如何与 fadeIn 和 fadeOut 同时滑出 a "div"