Jquery对话框未禁用所有输入和按钮

时间:2012-09-30 19:12:39

标签: javascript jquery jquery-ui jquery-ui-dialog

我在创建新用户时使用jQuery Dialog显示详细信息表单。 我想在向服务器执行ajax请求时禁用表单,以在DB中创建实际用户。

我使用$("#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

2 个答案:

答案 0 :(得分:2)

没什么,看起来像。关于disable方法或其实际应该做的事情没有太多文档。

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

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

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

答案 1 :(得分:0)

尝试:

$( "#UserDetailsDialog" ).dialog( "option", "disabled", true );