jquery延迟和动画不工作

问题描述:

我有一个表单提交按钮。它工作正常。但现在它已停止工作,请帮忙。jquery延迟和动画不工作

$('#btnsubmit').click(function() { 

    $(this).delay(2000).animate({ 
      width: '90px' 
     }, 

     'slow', 

     function() { 

      alert('Im an alert message'); 
     } 
    ); 

}); 
+0

预期的行为是什么?因为你的代码有效。 – mithunsatheesh 2014-09-25 06:38:53

+0

现在不拖延页面,直接去服务器控制器。 – 2014-09-25 06:39:58

+1

是的,它是工作,看到这个http://jsfiddle.net/kawadkarbk31/Lo49768r/ – 2014-09-25 06:40:02

我认为你的表格正在提交。你需要阻止提交按钮的默认操作使用e.preventdefault()

$('#btnsubmit').click(function(e) { 

    e.preventdefault(); 
    $(this).delay(2000).animate({ 
      width: '90px' 
     }, 

     'slow', 

     function() { 

      alert('Im an alert message'); 
     } 
    ); 

}); 
+0

是的,它的工作,但现在控制器不会被服务器上的提交按钮调用。 e.preventDefault(); – 2014-09-25 07:34:00

+0

@HimanshuTiwari - 在完成动画之后,在警报之后放置'$('#your-form-id')。submit()'以进入控制器(提交表单)。 – mithunsatheesh 2014-09-25 07:36:49

+0

谢谢,现在有作品 – 2014-09-25 08:06:45

你的代码看起来正确的,但你可以尝试从btnSubmit按钮调用的onclick是这样的:

<input type="button" id="btnsubmit" onclick="buttonClicked(this);" value="click Here" > 

写动画in buttonClicked功能:

function buttonClicked(thisObj) 
     { 
      $(thisObj).delay(2000).animate({ 
       width: '90px' 
       }, 

      'slow', 

      function() { 

      alert('Im an alert message'); 
       } 
      ); 
     }