第二个ajax请求不起作用

时间:2016-08-04 20:06:04

标签: javascript php jquery ajax

我创建了一个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

1 个答案:

答案 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()的讨论。