jQuery 仅适用于 Ajax 加载页面上的第二次单击

Question

我对 Ajax 和 JQuery 非常陌生，所以请耐心等待。我正在通过 Ajax 在我的页面上加载内容，加载的内容内部有一个 jQuery 幻灯片。当我单击链接时，一切运行正常，内容显示，但除了幻灯片之外的所有内容根本不启动。我需要再次单击该链接，幻灯片才能开始工作。

这是我到目前为止的代码:

var loadUrl = "map_fr.html";    
$("#loader").on('click',function(){
    $("#conteudo_projects").html(ajax_load).load(loadUrl);
    });

然后，我选择一个 id="loader"的链接来加载 #conteudo_projects DIV 内的内容。

有人可以帮助我吗？为什么幻灯片在第一次点击时不开始工作？ (如果我直接在页面上测试幻灯片，它可以工作，所以我知道这没有问题，只有当我通过 Ajax 加载它时才会发生)。

非常感谢!

编辑:我安装了 Firebug，虽然我仍然不太明白它显示的所有内容是什么，但我注意到在 Net>JS 下，第一次单击链接时我收到 GET jQuery 请求 (ajax.googleapis.com )变灰。当我再次单击时，新请求似乎没问题。不知道这是否有帮助，我正在尽一切努力使这项工作成功。谢谢!

Answer 1

on api 的用法不正确。此外，您还确保将此事件处理程序绑定(bind)到 document.ready 上。以下是代码应该执行的内容是:

此外，您的 ajax 加载可能应该位于事件处理程序回调内

$(document).ready(function(){
  $(document).on('click',"#loader",function(){
      $.ajax(url:url,
             type:"POST",
             success:function(data){  
             $("#conteudo_projects").html(data); 
             });
      });
});