让jQuery识别页面完成后加载的内容

时间:2012-05-23 18:03:12

标签: jquery

我有一个标签,点击时加载一个列表,每个列表都有不同的id,这都是在一个单独的php文件中完成的,它是通过$ .post加载的。

我现在遇到的问题是,因为当我尝试将jQuery分配给加载的内容时,它没有加载,所以它不会加载它?

所有jQuery都在最初的索引页面上,其中正在加载内容。

如果我不清楚或您需要更多信息,请告诉我,

谢谢!

1 个答案:

答案 0 :(得分:0)

如果只缺少事件绑定,那么请使用.on查看事件委派。它看起来像这样:

  $('#loadContainer').on('click', '#loadedElement', function(){
      //will work even if called before elements are loaded
  });

但是如果它不仅仅是事件绑定,你需要将相关代码包装在一个函数中,并在内置回调的ajax加载之后调用它。像这样:

 function relevantStuff(){
     //things needed by loaded content
 }

 relevantStuff(); // run right away incase you need parts or all of this before the content is loaded as well

 $.post('yourUrl.php', function(result){
      $('#loadContainer').append(result); //inject html into page
      relevantStuff(); //do the stuff after load
 });

此外,如果您使用ajax'获取'html并将其“加载”到页面中,请考虑使用.get.load