Jquery模式对话框禁用表单元素

当我将jQuery对话框设置为model = true时，它会禁用对话框中的表单元素，我不能使用它们，只能使用按钮。 我已经看到了在对话框启动脚本中声明对话框内容然后注入的示例。 但这对我来说太笨重了，我希望能够在DIV中创建我的标记，然后我变成一个对话框。

有人为我找到了解决方案吗？

我的代码：

 
 Name:  
  
  function InitMessageDialog(dialogId) { $(function () { jQuery("#" + dialogId).dialog({ autoOpen: false, modal: false, width: 450, height: 300, draggable: true, resizable: true, zIndex: 99999, overlay: { backgroundColor: "#000", opacity: 0.5 }, open: function (type, data) { $(this).parent().appendTo('#form'); } }); }) } function GoDialog() { var msgDlg = $('#msgDlg').dialog('open'); } InitMessageDialog('msgDlg');    

Answer 1

表单的z-index很可能是问题所在。 尝试将其设置为“自动”：

 #my_dialog_form { z-index: auto; }