无法从ModalPopUp中触发ButtonClick事件

本文关键字：ButtonClick 事件 ModalPopUp | 更新日期: 2023-09-27 17:49:34

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
        rel="stylesheet" type="text/css" />
脚本

     <script type="text/javascript">
         $("[id*=btnModalPopup]").live("click", function () {
             $("#modal_dialog").dialog({
                 title: "jQuery Modal Dialog Popup",
                buttons: {
                 },
               modal: true
             });
             return false;
         });
    </script>

弹出Div

    <div id="modal_dialog" style="display: none">
    <asp:FileUpload ID="FileUpload6" CssClass="CS" runat="server" />
  <asp:Button ID="btnpopupupload" runat="server" Text="UPLOAD" onclick="btnpopupupload_Click"/>
    </div>

代码后面

 protected void btnpopupupload_Click(object sender, EventArgs e)
    {
    }

当相同的按钮在modal_dialogdiv之外时，我能够触发buttonclick事件。

无法从ModalPopUp中触发ButtonClick事件

Try 

  $(document).on("click","[id*=btnModalPopup]" function () {
    $("#modal_dialog").dialog({
            title: "jQuery Modal Dialog Popup",
            buttons: {
        },
        modal: true
    });
    return false;
});

最好为按钮指定一个类名，因为。net会在渲染

时更改按钮的id。

或者

$(document).on("click",".classname" function () {
    $("#modal_dialog").dialog({
            title: "jQuery Modal Dialog Popup",
            buttons: {
        },
        modal: true
    });
    return false;
});

尝试使用事件委托这里:

$('body').on("click", "[id*=btnModalPopup]"function () {
    $("#modal_dialog").dialog({
        title: "jQuery Modal Dialog Popup",
        buttons: {
        },
        modal: true
    });
    return false;
});

将按钮控件更改为链接按钮控件，如下所示。

 <asp:LinkButton ID="btnpopupupload" runat="server" Text="UPLOAD" onclick="btnpopupupload_Click"/>

如果上面的解决方案不工作，请添加下面的代码在您的脚本。

   <script type="text/javascript">
         $("[id*=btnModalPopup]").live("click", function () {
             $("#modal_dialog").dialog({
                 title: "jQuery Modal Dialog Popup",
                buttons: {
                 },
               modal: true
             }).parent().appendTo($("form:first"));
             return false;
         });
    </script>
相关文章：