Question

我已经阅读了所有其他文章，似乎没有任何帮助。有问题的页面是www.projectwhisper.net78.net

单击该按钮时，会添加一行。但如果仔细观察，桌子底部会有一个闪烁。

以下是该页面的HTML：

<!DOCTYPE HTML>
<html>
  <head>
    <script type="text/javascript" src="/jquery-1.3.2.min.js"></script>
    <meta charset="utf-8">
    <title>Index</title>
  </head>

  <body>
    <p>Hi There!</p><button id="the_button">Click to add row</button>
    <table id="content"><tbody></tbody>
    </table>
    <script type="text/javascript">
       $("#the_button").click(function() 
       {
          var row=$("<tr><td>This is a row</td></tr>");
          row.hide()
          row.prependTo('table > tbody');
          row.slideDown(500);
       });
    </script>
  </body>
</html>

Answer 1

<强> DEMO

试试这个

$("#the_button").click(function () {
    var row = $("<tr><td>This is a row</td></tr>");
    row.prependTo('table > tbody').hide();
    row.show(500);
   });

每次row作为堆栈添加到table tbody的顶部时，因为每个元素都预先添加到table tbody

将行附加到表JQUERY时闪烁

1 个答案: