jquery延迟和动画不工作
我有一个表单提交按钮。它工作正常。但现在它已停止工作,请帮忙。jquery延迟和动画不工作
$('#btnsubmit').click(function() {
$(this).delay(2000).animate({
width: '90px'
},
'slow',
function() {
alert('Im an alert message');
}
);
});
我认为你的表格正在提交。你需要阻止提交按钮的默认操作使用e.preventdefault()
像
$('#btnsubmit').click(function(e) {
e.preventdefault();
$(this).delay(2000).animate({
width: '90px'
},
'slow',
function() {
alert('Im an alert message');
}
);
});
是的,它的工作,但现在控制器不会被服务器上的提交按钮调用。 e.preventDefault(); – 2014-09-25 07:34:00
@HimanshuTiwari - 在完成动画之后,在警报之后放置'$('#your-form-id')。submit()'以进入控制器(提交表单)。 – mithunsatheesh 2014-09-25 07:36:49
谢谢,现在有作品 – 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');
}
);
}
预期的行为是什么?因为你的代码有效。 – mithunsatheesh 2014-09-25 06:38:53
现在不拖延页面,直接去服务器控制器。 – 2014-09-25 06:39:58
是的,它是工作,看到这个http://jsfiddle.net/kawadkarbk31/Lo49768r/ – 2014-09-25 06:40:02