如何在Ajax加载的内容上绑定事件？

作者

我有一个链接，myLink，可以将AJAX加载的内容插入HTML页面的div（appendedContainer）。问题是，我与jQuery绑定的click事件没有在插入到appendedContainer的新加载内容上执行。click事件绑定在未使用my AJAX函数加载的DOM元素上

我必须改变什么，这样活动才会受到约束

我的HTML:

&lt；a class=“LoadFromAjax”href=”https://stackoverflow.com/questions/16598213/someurl“&gt；加载Ajax&lt/a&gt；
&lt；div class=“appendedContainer”&gt&lt/部门&gt；

我的JavaScript:

$（“.LoadFromAjax”）。在（“单击”，函数（事件）{
event.preventDefault（）；
var url=$（this.attr（“href”），
appendedContainer=$（“.appendedContainer”）；
$.ajax({
url:url，
键入：“get”，
完成：函数（qXHR，textStatus）{
如果（textStatus==“成功”）{
var数据=qXHR.responseText
appendedContainer.hide（）；
appendedContainer.append（数据）；
appendedContainer.fadeIn（）；
}
}
});
});
$（“.mylink”）。在（“单击”上，函数（事件）{alert（“单击新链接！”；}）；

要加载的内容：

&lt；部门&gt；一些内容&lt/部门&gt；
&lt；a class=“mylink”href=”https://stackoverflow.com/questions/16598213/otherurl“&gt；链接&lt/a&gt；

对动态创建的元素使用事件委派：

$（文档）。在（“单击”、'.mylink'，函数（事件）{
警报（“单击新链接！”）；
});

这确实有效，下面是一个示例，其中我使用类.mylink而不是数据-附加了一个锚点http://jsfiddle.net/EFjzG/

相关文章：

  1. 如何从Firefox或Chrome浏览器手动发送HTTP POST请求
  2. 在MVC中，如何返回字符串结果？
  3. 在大多数web浏览器中是否有PUT、DELETE、HEAD等方法？
  4. 如何将数据发布为表单数据而不是请求负载？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with