1

ここで何が悪いのか誰にもアドバイスできますか？まったく表示されないdiv6を除いて、ボタンをクリックするとすべての画像が表示されますか? どこかで dix6 のコードが間違っていたのでしょうか。

どうもありがとう！

   <!DOCTYPE html>
   <html>
   <head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  </script>
   <script>
  $(window).load(function () {
    $("button").click(function () {
        $("#div1").fadeIn();
        $("#div2").fadeIn(2000);
        $("#div3").fadeIn(3000);
        $("#div4").fadeIn(5000);
        $("#div5").fadeIn(7000);
        $("#div6").animate({ left: '250px' });

    });
    });
   </script>
   </head>
   <body>
    <p>Demonstrate fadeIn() with different parameters.</p>
    <button>Click to fade in boxes</button>
    <br />
    <br />
   <div id="div1"style="display: none">    
    <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/myimage1.png" alt="about" width="150" height="75" /></a>
    </div>
  <div id="div2" style="display: none">
  <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/myimage2.png" alt="about" width="150" height="75"/></a>
  </div>
  <div id="div3" style="display: none">
  <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/myimage3.png" alt="about" width="150" height="75"/></a>
  </div>
  <div id="div4" style="display: none">
  <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/myimage4.png" alt="about" width="150" height="74"/></a>
  </div>
  <div id="div5" style="display: none">
  <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/myimage5.png" alt="about" width="150" height="75"/></a>
  </div>
   <div id="div6" style="display: none">
  <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/myimage6.png" alt="about" width="150" height="75"/></a>
  </div>
 </body>
4

3 に答える 3

3

あなたのdivはまだ隠されています、animate削除されませんdisplay:none

試す

$("#div6").animate({ left: '250px' }).show();
于 2013-09-18T11:56:53.980 に答える
3

あなたはdivを表示していませんが、アニメーション化しています..このように使用してください。

$("#div6").show().animate({ left: '250px' });
于 2013-09-18T11:57:15.567 に答える
1

これを試してください、これはあなたを助けるでしょう

 $("button").click(function () {
        $("#div1").fadeIn();
        $("#div2").fadeIn(2000);
        $("#div3").fadeIn(3000);
        $("#div4").fadeIn(5000);
        $("#div5").fadeIn(7000);
        $("#div6").animate({ marginLeft: "+=50px" },
                  {
                      duration: 500,
                      complete: function () {
                   $("#div6").show();       
                      }
                  });

    });

フィドルHere

于 2013-09-18T12:02:38.983 に答える