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属性将其分配给服务器端的按钮单击事件

弹出窗口上的访问按钮

2 个答案: