0

我已经阅读了所有其他文章，但似乎没有任何帮助。有问题的页面是 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>
4

1 回答 1

0

演示

尝试这个

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

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

于 2013-09-07T17:28:14.187 回答