Jquery ui 如何禁用jqueryui按钮

当我单击jqueryui按钮时，它仍然会触发click事件回调。如何阻止该事件？我是否必须手动跟踪状态，或者jQueryUI是否为我处理这些问题？

试试这个

$('#button_id').button("disable");
$('#button_id').button("enable");

---

根据文件：

// setter
$( "#button_id" ).button( "option", "disabled", true );

这对我很有用：

$("#button_id").attr("disabled", true).addClass("ui-state-disabled");

---

如果您这样定义：

$("#mybtn").button();

必须按如下方式启用/禁用：

$("#mybtn").button("enable");
// OR
$("#mybtn").button("disable");

实际上是：

$("#btn").button({"disabled":true});

---

这就是我正在做的，但我仍然会触发.click（）回调。@ablerman jQueryUI应该会为您正确处理此问题。在我的本地示例中，当我使用

$（“#button_id”）.button（“disable”）

时，不会为button_id触发.click（）处理程序，然后在调用

$（“#button_id”）时正确地重新启用。button（'enable'）

我在click（）处理程序中执行此操作：（$（“#button#button_id”）.button（）.attr（“disabled”））返回；之后，该按钮看起来像被禁用的，但仍然像正常的链接按钮一样工作。你能把你的代码放进去吗。所以，你可以像这样初始化你的按钮：

$（“选择器”）.button（）。点击（函数（）{if（this.checked）$（this）。按钮（“选项”，“图标”，“次要：”ui图标圈检查“}）。过滤器（“：checked”）。按钮（{图标：{secondary:“ui图标圆检查”}）.filter（“：disabled”）.button（“option”，“disabled”，true）；}）这不会设置ui状态禁用类，因此按钮看起来仍然处于启用状态。