Jquery Modal Dialog отключает элементы формы - PullRequest
Новая
       7

Jquery Modal Dialog отключает элементы формы

3 голосов
/ 12 мая 2010

Когда я устанавливаю в моем диалоговом окне jQuery значение model = true, он отключает элементы формы внутри диалога, и я не могу их использовать, только кнопки. Я видел примеры, когда содержимое диалога объявляется в скрипте инициализации диалога, а затем вводится. но это просто громоздко для меня, я хочу иметь возможность создавать свою разметку внутри DIV, которую я превращаю в диалог.

Кто-нибудь получил решение для меня?

Мой код: 


<form id="form1" runat="server">
<div class="dlg" id="msgDlg">    
    Name: <input type="text"  />
    <br />
    <input type="button" class="button" value="OK" onclick="$('#msgDlg').dialog('close');" />       
</div>
    <script>
        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');
    </script>
    <input type="button" class="button" value="go dialog" onclick="GoDialog()" />
</form>

1 Ответ

2 голосов
/ 29 декабря 2012

Z-индекс формы, скорее всего, проблема. Попробуйте установить его в «авто»: 

#my_dialog_form {
    z-index: auto;
}
...