2

内部にネストされたフォームを持つ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>
4

2 に答える 2

2

私は問題を理解しました。私はz-index自分のフォームz-indexをページよりも低くしました。入力がダイアログ内にあるかページ上にあるかが不明であるため、これによりダイアログで問題が発生しました

于 2011-04-21T14:21:32.423 に答える
0

上記は正しい文字通りの答えを提供していません。 z-Indexauto はカットしません。

title: 'Quantity 1',
autoOpen: false,
show: 'slide',
hide: 'explode',
resizable: true,
stack: true,
height: "200",
width: "790",
zIndex: "auto",
modal: true
于 2013-03-07T02:37:36.493 に答える