Jquery 主页面上不可点击的重置按钮

我试图创建一个按钮，当用户点击后，它是不可点击的，但当用户返回主页时，我希望该按钮重置并再次可点击。我已经设法用这个做了不可接近的部分

$(document).ready(function() {      
    $('input[type="button"]').click(function() {
        var el = $(this);
        el.attr('disabled', 'disabled');
        setTimeout(function() { el.removeAttr('disabled'); }, 3000);
    })    
});

---

但是，我无法执行重置部分。有人能帮忙吗？

您不应该依靠设置超时来启用它。你说过一旦用户登陆主页，你需要重置它。因此，在该时刻删除禁用的属性。伪代码：

$(document).ready(function() {      
    $('input[type="button"]').click(function() {
        var el = $(this);
        el.attr('disabled', 'disabled');
    })    
});

var showMainPage = function() {
    el.removeAttr('disabled');
}

---

这是否发生在单页应用程序上。我的意思是没有页面重新加载。这是在一个网站上。它有点像一个测验微型网站。你确定你在三秒后检查了按钮吗。因为如果你在那之前按下按钮，它仍然会被禁用。如果是这样的话，我该怎么做呢？（即使我必须更改上面给出的代码）