jQuery多点击事件附加到Body元素(AJAX加载的内容)
jQuery Multiple Click Events Attached to Body Element (AJAX-loaded content)
我使用PHP访问Twitter API和AJAX请求,以执行操作,而无需刷新页面。
在我当前的设置中,当页面第一次加载时,它是空白的。使用jQuery,在document.ready()
上,我执行一个AJAX请求,该请求指向一个PHP页面,该页面获取时间线,在字符串中构建HTML结构,并将其返回给AJAX成功函数。然后,我将其附加到一个div中,该div呈现为HTML。
我遇到的问题是,因为我有太多动态生成的内容,所以我在jQuery中的点击事件相互覆盖。我有几个.on("click")
事件附加到body
元素(因为它们在document.ready()
上不存在)。
$('body').unbind('click').on('click', '.element', function(e){...}
这样做的结果是,代码中最下面的事件侦听器可以工作,但上面的其他侦听器不能工作。我该如何解决这个问题?我的第一个想法是e.stopPropogation
或e.stopImmediatePropogation
,因为我想我以前也在类似的情况下使用过它们,但我不太确定。
提前感谢您的建议!
在完成对服务器的请求后,尝试将事件绑定到ajax的success()函数中的元素。
AJAX
$.ajax({
url : 'process.php',
data: { ... },
success : function(data) {
document.getElementById("my-element").innerHTML = data;
$('#loaded-element').bind('click', function(){
...
});
}
});
相关文章:
- 如何更改jquerymobile中默认的加载ajax加载程序gif
- 无法在 IE6 和 IE7 上加载 ajax
- 页面刷新后重新加载 ajax 检索到的数据
- 清理在加载 Ajax 内容时添加的 CSS
- jquery选项卡加载Ajax内容
- Grails:多个加载ajax调用,但只有一个打印到控制台
- 如何检测通过JSON数据引用的图像何时加载AJAX
- 加载ajax数据时出现jVectorMap问题
- JQuery在加载ajax时阻止链接工作
- 如何在不重新加载ajax的情况下在datatable上.draw()或添加行
- 替换超链接默认操作以加载 AJAX 请求
- 高图表不使用加载 ajax 的数组进行渲染
- 带有 OnClick 的 jQuery 链接标记 href 需要单击两次才能加载 AJAX
- 悬停两次以加载 ajax
- 获取加载 ajax 的文档信息
- 使用 Jquery 在 AJAX 内部加载 AJAX
- 为什么当页面加载 AJAX 时我的 URL 之间没有空格
- 在当前页面中加载一个新的谷歌地图,加载AJAX
- 当滚动达到 80% 时加载 ajax
- 图像滑块未加载 Ajax 请求