jQuery .slideDown执行两次而不是一次

Question

我是jquery的新手，遇到了一个我无法解决的问题

我希望在页面加载时我的内容会向下滑动，所以我使用下一个代码：

  $(document).ready(function () {
    $("#content").hide();
    $("#content").slideDown(1000);
  });

当我加载页面时，内容会向下滑动，而内容会被隐藏并再次向下滑动。

当我去css做#content{display: none;}代替$("#content").hide();时，一切正常。 （不能在没有js的浏览器中使用它）

有谁知道原因？

谢谢！

Answer 1

你说使用css #content{display: none;}时一切正常 比我提供你使用Jquery .css（）方法（http://api.jquery.com/css/）..

你可以像以下一样使用它：

  $(document).ready(function () {
    $("#content").css( { 'display' : 'none' } );
    $("#content").slideDown(1000);
  });

sipmle就是这样。

我同意@Billy Moon，它可能是浏览器特定的错误，或者你可能正在调用页面刷新命令，在你的代码中。

Answer 2

您的代码内部没有问题。它位于代码中的其他位置。

不是那个被调用两次的函数中的函数调用吗？