☰

ASP.NET ボタンポストバックを使用した jQuery UI ダイアログ 質問する

tag-icon • tag-icon c# asp.net jquery jquery-ui postback
ASP.NET ボタンポストバックを使用した jQuery UI ダイアログ 質問する

私の ASP.NET ページでは jQuery UI ダイアログがうまく動作しています。

jQuery(function() {
    jQuery("#dialog").dialog({
        draggable: true,
        resizable: true,
        show: 'Transfer',
        hide: 'Transfer',
        width: 320,
        autoOpen: false,
        minHeight: 10,
        minwidth: 10
    });
});

jQuery(document).ready(function() {
    jQuery("#button_id").click(function(e) {
        jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
        jQuery('#dialog').dialog('open');
    });
});

私のdiv:

<div id="dialog" style="text-align: left;display: none;">
    <asp:Button ID="btnButton" runat="server" Text="Button" onclick="btnButton_Click" />
</div>

しかし、btnButton_Click は呼び出されません...どうすれば解決できますか?

詳細情報: div をフォームに移動するために次のコードを追加しました:

jQuery("#dialog").parent().appendTo(jQuery("form:first"));

しかし、まだ成功していません...

ベストアンサー1

正解に近づいていますが、間違ったオブジェクトを取得しています。次のようになります。

jQuery(function() {
    var dlg = jQuery("#dialog").dialog({
                         draggable: true,
                         resizable: true,
                         show: 'Transfer',
                         hide: 'Transfer',
                         width: 320,
                         autoOpen: false,
                         minHeight: 10,
                         minwidth: 10
                     });
    dlg.parent().appendTo(jQuery("form:first"));
});

おすすめ記事