Question

我有一个打开模态（Page1.aspx）的页面。该模态是另一个aspx页面（Page2.aspx）。

如何在开启者页面（或任何其他方式）中声明一个模态按钮，在Page2.aspx中执行按钮点击。

我试图放置：$('#ButtonOK').click();（因为它是按钮ID），但在父页面上却无法识别。

如何执行该点击？

非常感谢。

我的代码，第1页：

function createModal(f,w,h) {
            var dialogWidth = w;
            var dialogHeight = h;

        $('#dialog').dialog({
            autoOpen: false
            , bigframe: false
            , modal: true
            , width: dialogWidth
            , height: dialogHeight
            , autoResize: true
            , closeOnEscape: true
            , position: { my: "center", at: "center", of: window.top }
            , open: function (event, ui) {
                $('#dialog').css('overflow', 'hidden'); //this line does the actual hiding
            }
            ,buttons: {
                Ok: function () {
                    $("input[id$='ButtonOK']").trigger('click');
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            }
        });
        $('#dialog').dialog('open');
        $("#iframe").attr('src', f);
        return false;
    }

    function PermMV(usr) {
        createModal('new.aspx?usr=' + usr,350,450);
    }

<div id="dialog" style="display: none;"> <iframe id="iframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" align="middle"></iframe> </div>

第2页： <div id="acrescenta2" title="Perm"> <asp:TextBox ID="txtuser1" name="txtuser" runat="server" Text="" CssClass="consprodtxt" /> <asp:Button ID="ButtonOK" runat="server" OnClick="ButtonOK_Click" OnClientClick="ButtonOK_Click" Text="OK" CssClass="btnmv" /> </div>

希望有所帮助。

Answer 1

您需要使用IFrame像这样，

<div class="modal-body" id="modal_dialog">
<iframe style=" width:100%; height: 100%;" id="ifrm" src="yourExternalPage.aspx" runat="server">
</iframe>

使用JQuery打开此Div作为对话，

<script type="text/javascript">
    $("#BtnClick").live("click", function () {
        $("#modal_dialog").dialog({
            title: "jQuery Modal Dialog Popup",
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            },
            modal: true
        });
        return false;
    });
</script>

1·;＆GT; Simple jQuery Modal Popup Window Example in ASP.Net

2';＆GT; Modal popup using jquery in asp.net

Answer 2

$(document).on("click","element",function(args){
    //...
});

试试吧

Answer 3

试试这个：

$("#ButtonOK").trigger('click');

访问模态页面上的按钮

3 个答案: