javascript - 具有嵌套形式的 jQuery 对话框

Question

我有一个 jQuery 对话框，里面有一个嵌套表单。该表单包含一个输入框和一个提交按钮。当对话框弹出时，我希望用户只能填写它，页面上没有其他内容。我的 css 在这里完成:

.ui-widget-overlay 
{
    height: 1339px !important;
    width: 595px !important;
}

这允许用户在页面上不做任何其他事情，但问题是输入字段也被禁用了。

有什么建议吗？

编辑:这是我制作对话框的方式

function dialog(left, top) {

    //Creates a new dialog
    $('#dialog').dialog({
        position: [left, top],
        height: 90,
        width: 200,
        resizable: false,
        modal: true,
        title: '<span class="ui-icon ui-icon-home"></span> Enter Info',
    });
}

这是我用于对话框的形式:

<!-- Store Location Dialog -->
<div id = "dialog">
    <form id = "info" method = "post" action = "Default.aspx" \> 
        <input type = "text" id = "changeDialogText" name = "changeLocation" /> <!-- THIS IS DISABLED -->
        <input type = "button" id = "changeDialogSubmit" value = ""  onclick = "function()"/> 
    </form>
</div>

Answer 1

我想通了这个问题。我的表单的 z-index 低于页面的 z-index。这导致对话框出现问题，因为不确定输入是在对话框中还是在页面上