jQuery+ASP.NET:jQuery单击事件未触发
我在ASP.NET网站中使用JQuery时遇到问题。我想为熟悉ASP.NET的人绑定一个通用的点击处理程序到通过ListView生成的多个类似元素。我的假设是使用一个类选择器,如下所示: 这与一系列此类div有关: 此外,内容在ContentPlaceholder中生成,并合并到母版页中,实际上是两个嵌套母版页。我曾尝试将click处理程序放在第二个ContentPlaceholder中的标记之间,将其内容注入页面的部分,尝试将其与主ContentPlaceholder中的内容放在一起,但都无济于事。最终的结果是生成的页面加载正确,我可以检查源代码并查看其中的函数,但没有引发任何事件。我怀疑这与母版页/服务器处理场景有关,但无法确定jQuery+ASP.NET:jQuery单击事件未触发,jquery,asp.net,Jquery,Asp.net,我在ASP.NET网站中使用JQuery时遇到问题。我想为熟悉ASP.NET的人绑定一个通用的点击处理程序到通过ListView生成的多个类似元素。我的假设是使用一个类选择器,如下所示: 这与一系列此类div有关: 此外,内容在ContentPlaceholder中生成,并合并到母版页中,实际上是两个嵌套母版页。我曾尝试将click处理程序放在第二个ContentPlaceholder中的标记之间,将其内容注入页面的部分,尝试将其与主ContentPlaceholder中的内容放在一起,但都
有什么帮助吗?将单击事件委托给文档,并启用
要了解有关添加事件的脚本可能在创建元素之前执行的更多信息,可以使用将事件委托给文档
$(document).on('click', '.standard-group', function () {
alert($(this).attr("id"));
});
委托事件
事件处理程序仅绑定到当前选定的元素;他们
在代码调用.on时,页上必须存在。
要确保元素存在并且可以选择,请执行事件
在文档就绪处理程序中为
页面上的HTML标记。如果新的HTML被注入到页面中,
选择元素并在创建新HTML后附加事件处理程序
放入页面中。或者,使用委派事件附加事件
处理程序,如下所述
你可以展示一些示例页面查看你最喜欢的浏览器的源代码吗?谢谢你的回答和解释。它现在可以工作了,但只有当我将函数放在MainContentPlaceholder中,而不是HeadContentPlaceholder中时。我想我对ASP.NET页面的生命周期和执行顺序了解得不够。
<div class="standard-group">
some content
</div>
<div class="standard-group">
some other content
</div>
$(document).on('click','.standard-group',function () {
alert($(this).attr("id"));
});
$(document).on('click', '.standard-group', function () {
alert($(this).attr("id"));
});