Question

您好我有以下代码：

<html dir="ltr" lang="en">

<head>

<meta charset="utf-8" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
</script>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function()
{
    $('#yourSubmitId').click(function()
    {
        /*$(this).attr('disabled',true);*/
        $(this).prop('disabled',true);
        $(this).css({display:'none'});

        /* your submit stuff here */

        return false;
    });

    /*refreshing the page bringas back the submit button*/
    window.location.reload();
});
//--><!]]>
</script>

</head>
<body>

<h2>Test disabling submit button for 1 minute...</h2>

<br/>


<form id="yourFormId" name="yourFormId" method="post" action="#">
<input type="image" id="yourSubmitId" name="yourSubmitId" src="C:\images 
\submitButton_grey.jpg" alt="Submit" />
</form>
</body>
</html>

目前，提交按钮在按下后被禁用并隐藏。

如何在刷新提交按钮后仅在1分钟后恢复提交按钮时，如何刷新页面..

谢谢，

Answer 1

如果按钮display:'none'无论如何都是隐藏的，您根本不需要禁用该按钮，如果您只是取消隐藏按钮，则无需刷新页面。所以你可以这样做：

$(this).hide(1).delay(60000).show(1);

如果您将持续时间传递给.hide()和.show()（即使持续时间很短，如1ms），则隐藏和显示效果会添加到动画队列中，因此您可以使用{{3}在他们之间。

对于更通用的延迟执行，请使用.delay() method。

禁用提交按钮

1 个答案: