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

Question

我有一个标签，当单击它时，它会加载到一个列表中，每个列表都有不同的 id，这一切都在一个单独的 php 文件中完成，并通过 $.post 加载。

我现在遇到的问题是，因为当我尝试将 jQuery 分配给加载的内容时它没有加载页面，所以它没有拾取它？

所有 jQuery 都在加载内容的初始索引页面上。

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

谢谢！

Answer 1

如果它只是您缺少的事件绑定，那么使用.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 并将其“加载”到页面中，请考虑使用.getor .load。