JQuery不能使用ajax加载到popover中的内容

Question

我有一个按钮，负责在点击时显示用户待处理的好友请求。当单击该按钮时，它会触发一个弹出窗口，其中填充了使用ajax的待处理好友请求的提要。我没有遇到任何问题，但由于某种原因，我无法获得任何jquery来处理ajax / popover内容。所以我有两个问题：

1. 是否有一些特殊技巧可以让jquery处理使用ajax加载的内容，而这些内容最初是在最初加载的时候不存在的？

2. 如果您将内容加载到popover中，我应该将链接放到包含jquery的.js文件中，当用户按下ajax / popover中的按钮时，我想触发该文件？当按下好友请求按钮时，是否进入通过ajax加载的父文件或子文件？

Answer 1

使用.on()

由于您的内容是动态添加的，因此无法直接访问，因此您必须使用事件委派。

$(document).on('click','#somelement',function(){

});

语法

$('ParentSelectorPresentAtDOMReady').on('Events','SelectorsOnWhichYouWantToAddEvents(LoadedByAjax)',function(){
      //code here
});

您可以在头部开始在DOM准备好加载所有脚本。

Answer 2

$("#mydiv").change(function(){
    /*code*/
});

变为

$(window).on("change", "#mydiv", function(){
    /*code*/
});

或

$("#mydiv").click(function(){
   /*code*/
});

变为

$(window).on("click", "#mydiv", function(){
   /*code*/
});

等...

对于问题＃2，您将库链接放在与非AJAX环境中相同的位置