0

私はそのように定義されたjQueryダイアログを持っています:

$(function ()
    {
        $("#addDocumentModal").dialog({
            modal: true,
            autoOpen: false,
            height: 300,
            width: 475
        });

        //allow asp.net button clicks
        $("#addDocumentModal").parent().appendTo(jQuery("form:first"));
    });

最後の行は、ASP.NET ボタンのクリックを引き続き処理できるように設計されていますが、UI スタイルの背景画像にその行がある場合に問題が発生します (いくつかの異なるものを試してみました - すべてhttp: //www.asp.net/ajaxlibrary/cdn.ashx ) がダイアログを覆うので、何もできません。その行を削除すると、ダイアログが期待どおりに表示されますが、ボタンは機能しません。

1つのメモとして、 $(document).ready() (単なる $(function()) の代わりに試してみましたが、何も変わりませんでした。

助言がありますか？jQuery 1.9.1 と jQuery UI 1.10.1 を使用しています。

4

2 に答える 2

0

div の親をプッシュしようとせず、ダイアログをフォームにプッシュします。

$(document).ready(function() {
    $("#addDocumentModal").dialog({
        modal: true,
        autoOpen: false,
        height: 300,
        width: 475
    }).parent().appendTo(jQuery("form:first")); //allow asp.net button clicks
});

それでもうまくいかない場合は、モーダル div が z-index で設定されている CSS を見てください。ダイアログよりも低い位置にあることを確認してください。

于 2013-03-15T05:03:58.583 に答える