SlideUp by jQuery

Question

私はページの一部をjQueryでスライドアップしようとしています。 私はこのコード

$("#FirstPage").slideUp(1000);

を使用し、私はページのFIRSTPAGE一部を非表示になりますが、時間によって、私はそれがない1000のミリ秒で突然非表示になりますことを意味しません。

次のコードはFirstPageの部分です。これは1000ms後に隠す必要があり、slideUpで隠す必要があります。

<div id="FirstPage"> 
    <div id="Login"> 
     <form method="post" id="LoginForm"> 
     <br /> 
     <input type="text" name="username" id="username" /> 
     <br /> 
     <input type="password" name="passowrd" id="password" /> 
     <br /> 
     <input type="checkbox" name="invisible" value="TRUE" id="invisible" /> 
     <br /> 
     <img src="" /><input type="text" name="captcha" disabled="true" style="display: none" 
      id="captcha" /> 
     <br /> 
     <input type="button" value="Login ..." onclick="Ajax_Login()" /> 
     </form> 
    </div> 
    <div class="OtherFeaturBig" id="WindowsVersion"> 
     <img src="http://localhost/Files/Images/02.jpg" /> 
    </div> 
    <div class="OtherFeaturBig" id="Advertisment"> 
     <img src="http://localhost/Files/Images/02.jpg" /> 
    </div> 
    <div class="OtherFeaturSmall" id="AboutUs"> 
     <img src="http://localhost/Files/Images/03.jpg" /> 
    </div> 
    <div class="OtherFeaturSmall" id="ContactUs"> 
     <img src="http://localhost/Files/Images/03.jpg" /> 
    </div> 
</div> 

私のコードの問題はどこですか？

Answer 1

は、DOMが実際にロードされるようにdocument.readyた後、あなたのコードを実行することを確認し

を試してみてください。

$("#hide").click(function() { 
    $("#FirstPage").slideUp(1000); 
}) 

でこれjsFiddleで使用されるように：また

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("#FirstPage").slideUp(1000); 
    }); 
</script> 

Answer 2

このコードは、ボタンをクリックすると、あなたのdivを上にスライドして正常に動作します... jQueryのロードされ、1秒= 1000ミリ秒であることを確認してくださいあなたのHTML（私は機能していない画像を削除しました）：http://jsfiddle.net/jfriend00/JFRGr/。

したがって、問題はコードまたはHTMLの残りの部分（どちらも共有していない）と関係があります。さらなる助けが必要な場合は、使用している実際のコードを表示して、コードを実行する要因を説明してください。

Trikksによると、ページが完全に読み込まれる前に、slideUpを呼び出していないことを確認してください。