0

ダイアログ ボックスの配置に問題があります。

jquery-ui-1.10.2 および jquery-1.9.1.js とともに従来の ASP または VBScript を使用しています。

私のダイアログボックスは、配置を除いてうまく機能しています。何を変更しても、ページの左上隅にスタックしているようです。位置を追加し、center = true を設定し、スタイリングを変更しようとしましたが、その他の微調整を行いましたが、何も機能していないようです。私はここで途方に暮れており、他の誰かが同様の問題に遭遇したかどうか疑問に思っていました、ありがとう.

JQuery UI をダウンロードしたときに、すべてがチェックされていることを確認しました。

HTML:

<table cellpadding="0" cellspacing="0">
<td id="Comments" height="39" colspan="1">
</td>
</table>

<div id="dialog-message" title="Important information">
    <p style="text-align:center;"> Message regarding this content </p>
    <br/>
    <div style="margin-left: 23px;">
    <p>Subject: <input type="text" id="subject" />
    <br/> <br/>
    Body: <input type="text" id="question" />
    </div>
</div>

Jクエリ:

    $(document).ready(function() {
        $("#dialog-message").hide()
    } 
    );
$("#Comments").click(function() {
    $("#dialog-message").dialog({
        modal: true,
        width: 400,
        height: 500,
        }
       }
    });
});
4

1 に答える 1

1

コードをクリーンアップすると、問題が解決します。

$(document).ready(function() {
    $("#dialog-message").hide();
    $("#Comments").click(function() {
            $("#dialog-message").dialog({
                modal: true,
                width: 400,
                height: 500
            });
    });
});

これが動作するjsfiddleです

于 2013-03-21T16:15:47.397 に答える