弹出窗口内按钮的单击事件不起作用答案

【问题标题】：Click event from button inside popup is not working弹出窗口内按钮的单击事件不起作用
【发布时间】：2018-05-05 18:09:42
【问题描述】：

我正在我的 ASP.Net 应用程序中使用 jQuery 创建一个弹出窗口。弹出窗口在按钮单击时打开。我已经编写了以下代码来打开弹出窗口。

html代码：

        <%-- Popup --%>
        <div id="modal_dialog" class="PopupStyle" style="display: none;">
            <table>
                <tr>
                    <td style="width: 100px">
                        <label class="control-label">Photo</label>
                    </td>
                    <td>
                        <asp:FileUpload ID="FileUpload1" runat="server" />
                        <asp:RegularExpressionValidator
                            ID="regexValidateImageFil" runat="server" ControlToValidate="FileUpload1"
                            ErrorMessage="Only file types with jpg, png, gif are allowed."
                            ValidationExpression="^([0-9a-zA-Z_\-~ :\\])+(.jpg|.JPG|.jpeg|.JPEG|.bmp|.BMP|.gif|.GIF|.png|.PNG|.pdf)$"></asp:RegularExpressionValidator>
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                        <label class="control-label">File Type</label>
                    </td>
                    <td>
                        <asp:DropDownList ID="ddlUpFileType" runat="server" class="form-control" Width="400px">
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                        <label class="control-label">Note</label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtNotes" runat="server" class="form-control" MaxLength="150" Width="400px"></asp:TextBox>
                    </td>
                </tr>
            </table>
            <div style="padding: 10px">
            </div>
            <asp:Button ID="btnSaveUpoad" runat="server" class="btn btn-primary" Text=" Upload File " OnClick="btnSaveUpoad_Click" />
        </div>
    </form>
</div>

还有 jQuery 代码：

<script type="text/javascript">
    $(document).ready(function () {
        $("[id*=btnUpoad]").on("click", function () {
            debugger;
            $("#modal_dialog").dialog({ width: 520 });

            $("#modal_dialog").dialog({
                title: "Upload Files",
                buttons: {
                    Close: function () {
                        $(this).dialog('close');
                    }
                },
                modal: true
            });
            return false;
        });
    });
</script>

如您所见，我的 html 中有一个按钮，即

<asp:Button ID="btnSaveUpoad" runat="server" class="btn btn-primary" Text=" Upload File " OnClick="btnSaveUpoad_Click" />

但点击事件（来自弹出窗口内的按钮，即 btnSaveUpoad）并没有调用 .cs 文件中写入的相应函数。

任何想法。

提前致谢。

帕萨

【问题讨论】：

不调用什么函数？按钮与日期选择器代码有什么关系？完全不清楚是什么问题
也应该是OnClick="btnSaveUpoad_Click()"来调用函数。注意缺少()
我的弹出窗口中有一个按钮，但是当我单击该按钮时，没有调用 .cs 文件中写入的单击事件。

标签： jquery .net popupwindow

【解决方案1】：

Try this for your solution:
$(document).on("click", "[id*=btnUpoad]",function () {

这可能对你有用。

jQuery 的行为不同 当您直接使用类分配任何按钮事件时，它将仅适用于 DOM 中的当前类，但如果假设在 DOM 中添加了新的文档内容，并且您想在该新添加的 DOM 元素上触发单击事件。然后你必须这样做

   *For current DOM 
    jQuery(".abc").click(function(){});*

    *For dynamic dom element 
    jQuery(document).on("click", ".abc", function(){});*

【讨论】：

【解决方案2】：

您的 onclick 没有调用该函数，因为您缺少 () 来调用它

改变

OnClick="btnSaveUpoad_Click"

到

OnClick="btnSaveUpoad_Click()"

【讨论】：

出现错误：编译错误说明：在编译服务此请求所需的资源时出错。请查看以下特定错误详细信息并适当修改您的源代码。编译器错误消息：CS7036：没有给出与“FileCreationForm.btnSaveUpoad_Click(object, EventArgs)”所需的形式参数“sender”相对应的参数

【解决方案3】：

在点击事件上使用 Jquery 进行绑定。我还建议您在模型完全加载后创建按钮事件 f。

$( "#dataTable tbody tr" ).on( "click", function() {
  console.log( $( this ).text() );
})

查看模式的创建和显示。您可以在下面的函数中添加要初始化的事件

$( "#code" ).on('shown', function(){
    alert("I want this to appear after the modal has opened!");
});

【讨论】：