jquery - 弹出窗口上的访问按钮

Question

我在 aspx 页面中有以下 JQuery 脚本：

<script type = "text/javascript">
$(".Test").click(function() {
alert("JQueryTest");
});
</script> 

和一个按钮的声明：

<asp:Button ID="TestButton" cssClass="Test" runat="server" Text="Test"  />

该按钮在弹出窗口上成功显示，但是单击该按钮时未执行 JQuery 脚本。当按钮尚未添加到弹出窗口并且脚本按预期执行（单击时）时，我已经对此进行了测试。弹出窗口/控件的类型为 AjaxControlToolkit.ModalPopupExtender。

有没有人有任何理由说明为什么我不能以这种方式访问​​按钮并且有另一种方法？

Answer 1

您必须在其中包含您的活动document.ready()

如果您将按钮放入您必须使用的 opup，on()因为可能是在运行时创建的按钮，并且在启动页面时 dom 内没有该按钮的实例。

尝试这个：

<script type = "text/javascript">
$(document).ready(function(){
  $(document).on('click','.Test',function() {
     alert("JQueryTest");
  });
});
</script> 

Answer 2

或者，您还可以创建一个 javascript 函数，并使用 onclick 属性将其分配给服务器端的按钮单击事件