1 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
  <style>
  #a{
    position:absolute;
    top:136px;
    left:200px;
    height:100px;
    width:100px;
    background:#FF0066;
  }

  </style>
  <script src="scripts/jquery.js"></script>
  <script>
  var t;
  $(function(){
    $("#a").click(function(){
      $("#a").animate(
    {
      top:0,
      left:0,
      t:100
    },{
      step: function (now){
        $(this).css('height',now+'%');
        $(this).css('width',now+'%');
      },duration:'slow'
    },'linear',function(){
      alert('hi');
    });
  })

  })



  </script>
</head>

<body>
 <div id="a"></div>
</body>

</html

アニメーション関数が完了した後に関数が必要ですが、ステップを使用しているため、アニメーションが完了したときに関数が呼び出されません。ステップでアニメーションを使用するときに関数を呼び出すことは可能ですか? または、アニメーションが完了したときに関数を呼び出すことができる他の方法はありますか?

4

1 に答える 1

3

完了するには関数を渡す必要があります。 

   $(function(){
  $("#a").click(function(){
    $("#a").animate({
        top:0,
        left:0,
        t:100
      },
      {
        step: function (now){
            $(this).css('height',now+'%');
            $(this).css('width',now+'%');
          },
          complete: function(){
            alert('end ani');
          }

      }
      );
  });
});
于 2013-05-12T20:47:07.427 に答える