我创建了一个ajax网站,在我/pages
的{{1}} div中调用ajax-container
文件夹中的网页。
现在我想在第一个ajax请求成功后发出第二个ajax请求,但第二个请求只会出现在某些页面上,
例如:我调用页面index.php
,在此页面中,我想从同一文件夹中调用页面work.php
,并在我的ajax中用work-slider.php替换work.php页面单击图像{-1}时的-container div
但我找不到制作它的解决方案,
这是我的实际代码:
的index.php:
work-slider
Ajax功能:
link-in
答案 0 :(得分:0)
如果.link-in标记如果在页面加载后以动态方式插入DOM,则bind()方法将失败:bind()将侦听器附加到调用时找到的元素。如果在绑定调用后添加新的元素,它将不会收到侦听器绑定。
为了防止在页面中动态插入html代码时,你应该使用on()方法:
$('body').on('click' , '.link-in', function(e) {
e.preventDefault();
var pageIn = $(this).attr('href');
loadPage(pageIn);
return false;
});
现在,你在体内推动的每个.link-in标签都会响应点击监听器。事实上,在bind() documentation中可以找到关于默认使用on()而不是bind()的讨论。