javascript - 禁用 jQuery 按钮 - 仍然没有食谱

Question

浏览互联网以查找如何禁用按钮:

<td valign="center" halign="left"><a href="#" id="save-user" data-role="button" data-inline="true" data-theme="b" data-icon="check">Save</a></td>

大多数食谱都没有结果:

$('#operator-modify').ready( function () {
// None of the below disable button
//$("#save-user").attr("disabled", true).button("refresh");
//$('#save-user').addClass('ui-state-disabled').attr('disabled', true);
//$('#save-user').attr('disabled', 'disabled').addClass( 'ui-state-disabled');
});

最后 - 如何启用/禁用按钮？

Answer 1

当您使用链接标记作为 button 时(即添加 data-role="button")JQM 按钮标记插件来应用按钮小部件标记/样式，但实际上不创建按钮小部件。由于您实际上没有按钮小部件，因此您无法使用按钮小部件方法(启用、禁用等)，而是要禁用或启用您的“按钮”，您需要添加/删除ui-disabled 类。

$('#save-user').addClass("ui-disabled");

这是一个简单的 jsBin

作为旁注，如果您不使用按钮进行导航，您可能需要使用表单按钮(input、button)(如果您确实使用常规按钮)那么您可以使用 JQM 按钮 disable方法。