Question

我想让这一切成真:

防止提交器按钮提交窗体
淡出元素
然后提交表格,然后提交表格

却被无穷无尽的动画循环所困住!

HTML HTML

<form id="postitron" method="post" action="/postitron/answertron.php">
  <input type="hidden" name="acces" value"yes">
  <input id="submit" type="submit" value="DOIT">
</form>

JavaScript 贾斯克里普特

$( #postitron ).submit(function(e){
    e.preventDefault();
    $( #page ).animate({opacity:0},400, function(){
        $( #postitron ).submit();
    });
});

P. S. - 我还尝试了 . one () 方法, 而不是 .sumit () , 但它阻止在动画完成后在 # constantitron 上执行提交方法 : ()

Answer 1

这是因为您在 SUBMIT 上将事件绑定在 SUBMIT 上,而您的 .antimate回调功能 是 SUBMIT , 正在显示窗体... 导致无穷循环。

< streng> 尝试一下:

以 submit 上的约束事件 .submit on , 绑定 . kick event on submit 按钮。



$( #submit ).click(function(e){
    e.preventDefault();
    $( #page ).animate({opacity:0},400, function(){
        $( #postitron ).submit();
    });
});


Bare 记住,我没有测试这个。

Answer 2

sumit () calls your contern contimation submit 函数,该函数转而调用您的 submit submit 等。

尝试使用 DOM S 提交 :

$(#postitron) [0].submit()

Answer 3

您可以预先取消函数, 并在它内部, 解除了提交, 然后重新提交。它是一个黑客, 但可能有效。

或者你检查一下它是否隐藏起来然后像这样重新提出来

var hidden = false;
$( #postitron ).submit(function(e){
    if ( !hidden ) {
        e.preventDefault();
        $( #page ).animate({opacity:0},400, function(){
            hidden = true;
            $( #postitron ).submit();
        });
    }
});

友情链接