jQuery.slideDown 執行兩次而不是一次

Question

我是 jquery 的新手，遇到了一個我無法解決的問題

我希望在頁面加載時我的內容會向下滑動，所以我使用下一個代碼：

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

當我加載頁面時，內容通常會向下滑動，而不是內容被隱藏並再次向下滑動。

當我 go 到 css 並執行#content{display: none;}而不是$("#content").hide(); 一切正常。 （不能在沒有js的瀏覽器上使用這個）

有誰知道這是什么原因？

謝謝！

Answer 1

You are saying that everything works fine while using css #content{display: none;} than i offer u to use Jquery.css() method( http://api.jquery.com/css/ )..

你可以像這樣使用它：

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

就這么簡單。

我也同意@Billy Moon，它可能是瀏覽器特定的錯誤，或者你可能正在調用頁面刷新命令，在你的代碼中的某處。

Answer 2

你的代碼里面沒有問題。 它位於您代碼中的其他位置。

不是 function 調用了一些 function 調用兩次嗎？