javascript - Jquery 对话框不会禁用所有输入和按钮

Question

我在创建新用户时使用 jQuery 对话框显示详细信息表单。 我想在对服务器执行 ajax 请求以在数据库中创建实际用户时禁用表单。

我使用 $("#UserDetailsDialog").dialog("disable"); 方法来禁用对话框。

似乎此方法只影响使对话框半透明的 UI，但实际上并不能使对话框的输入字段和/或按钮可用:

这是一个代码示例: fiddle-code

---

编辑:

我已经为 jQuery-UI Dev 提交了工单。团队并得到快速的“重复”回复。 jQuery-UI Dialog 的 $("#myDialog").dialog("disable") 方法似乎不会禁用输入，但只会更改 UI 使其看起来像是已禁用。 这个特性确实没有被充分记录。 这里是一个链接到 tikect:dialog('disable') does not disable OK/Cancel buttons inside dialog

Answer 1

没什么，看起来像。关于 disable 方法或其实际用途的文档不多。

显然 disable 方法/选项不会影响对话框的内容(或按钮，这有点奇怪)，只会影响对话框本身。如果您想禁用对话框中的输入，我也会手动禁用按钮/输入:

$("#UserDetailsDialog").dialog("disable")
    .closest(".ui-dialog")
    .find(":input")
    .prop("disabled", true);

示例: http://jsfiddle.net/andrewwhitaker/p7tV7/15/