jquery - 带有 jquery 动画的 Twitter 引导表

Question

我有以下标记与 twitter bootstrap

<table class="table">
  <thead>
    <tr>
      <th> Example </th>
    </tr>
  <tbody>
    <tr>
      <td>
        <input type="text" class="form-control" />
      </td>
    </tr>
  </tbody>
</table>

我如何使用 jquery 的slideUp()函数为行设置动画以将其删除，同时保持 twitter 引导样式，因为<tr>s 的动画效果确实不好。如果我切换到div's，我就不能再使用tablebootstrap 中的类了。

Answer 1

不确定我是否完全理解您的问题，但请查看此示例。如果它不能解决您的问题，请告诉我。

jQuery

$('#test').click(function(){
    $('.table td:first').slideUp();
});

示例链接中包含的 HTML

http://www.bootply.com/91188

更新

1. 这隐藏了输入，以便在向上滑动时不会被捕获（停止抖动） http://www.bootply.com/91216

2. 这首先将 div 向上滑动，然后一旦完成，它将向上滑动行。 http://www.bootply.com/91214