jquery - 按钮禁用效果在第一次单击后不起作用

Question

我正在使用 jQuery 禁用一个按钮。它确实有效，但在 Chrome 中有一个奇怪的行为。如果我点击按钮，它会保持未禁用的颜色:

仅当我再次单击或移动鼠标(至少 1 px)时，该按钮才显示为禁用:

这是我的代码:

<button id="reset" type="button">Reset</button>

$('#reset').click(function(){
    $(this).attr('disabled',true);
});

出于某种原因，它在演示中运行良好:http://jsfiddle.net/hjqk00j4/

在我的本地主机版本中，我尝试剥离部分页面、js block 、css 部分等，但它仍然不会显示按钮的禁用版本，除非我再次单击它。有什么想法吗？

Answer 1

试试这个

$('#reset').click(function(){
   $(this).attr('disabled',true);
   $(this).attr('disabled',false);
});