如何将函数绑定到通过 Ajax 加载的元素
How to bind a function to Element loaded via Ajax
我的页面中有几个带有CSS class="hello"的Div"此外,我使用 Ajax 使用 CSS class="hello" 获取更多 Div我有一段代码在 Divs 的 Click 事件上调用,如下所示:
$('.hello').click(function(){
alert("Hello Clicked");
})
它从一开始就适用于我的页面中存在的 Div,但不适用于使用 Ajax 加载的 Div。我需要做些什么才能将这一小段代码与新加载的 Div 绑定在一起?
您应该
使用 .on
将处理程序绑定到绑定执行期间已存在的另一个元素,例如 <body>
或 document
并让它检测子事件。 但理想情况下,应将其绑定到加载内容的最近的公共父级。
演示
//bind to the body a "click" handler for elements that have class names of "hello"
$('body').on('click','.hello',function(){
alert("Hello Clicked");
})
相关文章:
- 无法在通过jQuery的ajax加载的页面中执行javascript
- 获取ajax加载的图像的大小
- 分页:如何用AJAX加载第一个页面
- 页面加载之前的jQuery Ajax加载程序
- ajax加载了内容,脚本没有执行
- 如何使用post和ajax加载视图Codeigniter
- $(select).selectmenu('打开')不'如果使用ajax加载页面,则不起作用
- ajax加载()后,包含图表的图像不会重新绘制
- 如果数据为空,Ajax加载不会停止
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 将内容ajax加载到html弹出窗口中
- 导航栏和AJAX加载
- 用于各个元素的Ajax加载程序
- 通过AJAX加载页面并执行javascript和CSS
- 使用ajax加载页面的一部分
- 从表单中动态生成一个字符串,传递给通过AJAX加载的PHP文件
- 显示全屏Ajax加载程序的最佳方式
- 获取通过AJAX加载的元素
- 如何在rails应用程序中测试AJAX加载的内容
- 如何在Ajax加载新内容时停止JavaScript执行