锁定保存按钮一段时间

Question

我使用php，mysql，jquery。

当用户点击保存我去后端并保存数据并显示响应。一旦显示成功，我需要禁用保存按钮说1分钟。我该怎么做。？

这里是马代码

$(document).ready(function() { 

if ($.cookie('<?php echo $userId ?><?php echo $product ?><?php echo $alias ?>agreedisabledTime') > 0) { 


    var remainingTime = (new Date()).getTime() - $.cookie('<?php echo $userId ?><?php echo $product ?><?php echo $alias ?>agreedisabledTime'); 


if (remainingTime < <?php echo $timer ?>) { 
    //if (remainingTime < 7200) { 
     $('#agree').attr('disabled', 'disabled'); 
     $('#disagree').attr('disabled', 'disabled'); 
     setTimeout(function() { $('#agree').attr('disabled', ''); }, remainingTime); 
     setTimeout(function() { $('#disagree').attr('disabled', ''); }, remainingTime); 

    } 
    } 

$('#agree').click(function() 
{ 
$('#response').show(); 
$.post('/all_include_files/increment.php',{update:'agree',product:"<?php echo $product?>",alias:"<?php echo $alias ?>"},function(data) 
{ 
if(data.indexOf('ERROR') < 0) 
{ 
$('#response').hide(); 
$('.agree_number').html(data); 
alert('Thanks for your esteemed opinion'); 
$('#agree').attr('disabled', 'disabled'); 
$('#disagree').attr('disabled', 'disabled'); 

setTimeout(function() { $('#agree').attr('disabled', ''); }, "<?php echo $timer ?>"); 
setTimeout(function() { $('#disagree').attr('disabled', ''); }, "<?php echo $timer ?>"); 

$.cookie('<?php echo $userId ?><?php echo $product ?><?php echo $alias ?>agreedisabledTime', (new Date()).getTime()); 
} 
else 
{ alert(data); } 
}); 

}); 

}); 

其中$定时器设置为120000

Answer 1

1秒

禁用按钮：

if (success) { 
$('#buttonid').attr('disabled', 'disabled'); 
setTimeout(function() { $('#buttonid').attr('disabled', ''); }, 1000); 
} 

编辑有关跟踪浏览器的重新加载
您可以使用jQuery插件轻松访问cookie：http://plugins.jquery.com/project/cookie

if (success) { 
$('#buttonid').attr('disabled', 'disabled'); 
setTimeout(function() { $('#buttonid').attr('disabled', ''); }, 1000); 
$.cookie('disabledTime', (new Date()).getTime()); 
} 

然后在加载DOM阅读：

$(document).ready(function() { 
    if ($.cookie('disabledTime') > 0) { 
    var remainingTime = (new Date()).getTime() - $.cookie('disabledTime'); 
    if (remainingTime > 0) { 
     $('#buttonid').attr('disabled', 'disabled'); 
     setTimeout(function() { $('#buttonid').attr('disabled', ''); }, remainingTime); 
    } 
    } 
}); 

请注意，我没有测试这一点，但你的想法

Answer 2

，而不是禁用它一段时间，我将在完成该命令时使用回调来启用按钮，并在启动命令后将其禁用。我还记得如果发生错误时启用它，并向用户弹出一个错误消息，说明它失败，并且重复失败可能意味着系统处于脱机状态或出现错误。