Question

我有一个DIV在我的ASP.Net MVC项目中显示为模态对话框。这个DIV有一个文本框来接受用户输入。但是，当我打开模态选项设置为true的对话框时，它会禁用此文本框以及父窗体控件！

如何在以模态打开时启用对话框上的控件？

<div id="assumption-block" class="ic-assumption-block-pos">
    <input type="text" id="maxid" value="text" />
</div>

脚本

$('#assumption-block').dialog({modal:true});

Answer 1

这不是正确的解决方案，但它可能适用于此问题，请尝试将第二个代码行添加到您的脚本中。它可能有用，但你的问题似乎很奇怪。

$('#assumption-block').dialog({ modal: true });
$('#assumption-block input').removeAttr('disabled');

Answer 2

我自己刚看到这个问题。如果您遇到同样的问题，我认为正确的解决方法是更改z-index，使$(".ui-dialog")的z-index比css land中的$(".ui-widget-overlay")更大。

Answer 3

我刚刚发生了这件事。它是由平滑度css版本1.9.2和jquery ui js 1.11.4链接引起的。我认为它与jquery

在css中进行的z索引更改有关

Answer 4

所以你想这样see this link

您可以设置open方法来删除attr disabled;

$('#assumption-block').dialog({ 
    modal: true,
    open: function(event, ui) { 
        $('#assumption-block input').removeAttr('disabled');  
    }
});

Jquery模式对话框禁用其自己的控件

4 个答案: