在页面刷新时禁用jQuery效果

Question

概述

我有div#lead_form在页面加载后5秒内滑下来。在这个div中，我有一个submit按钮。每当有人单击submit时，#lead_form中的表单将验证输入字段并刷新页面。

问题

每次表单验证时，它都会刷新网页，而div#lead_form SlideDown需要5秒才能滑入。我想做的是，有一个true false变量，并检查提交按钮是否被点击，如果为true，则禁用div#lead_form滑下效果？

我的HTML

<div id="lead_form">
<div id="button"><a href="#"></a></div>
</div>

我的jQuery

$(document).ready(function() {
 $("#lead_form").hide(0).delay(4000).slideDown(5000);
});

调查结果

这不是我想要的，但类似？

Answer 1

因为需要重新加载页面，所以仅使用javascript无法解决此问题。您必须以某种方式保持状态（如果表单已提交），并在重新加载页面后检查该状态。您可以通过cookie或本地存储（本地存储只能在最近的浏览器中工作）来完成此操作

Answer 2

在服务器端代码中，检查请求是否随表单提交而来，并将结果作为javascript var写入页面的给定部分

if( isset($_POST['yourFORMFIELD']) )
{
     echo "var postBack = true;";
}

然后更改jQuery以准备

$(document).ready(function() {
    if(!postBack) {
        $("#lead_form").hide(0).delay(4000).slideDown(5000);
    }
});