javascript - JQuery 不适用于使用 ajax 加载到弹出框的内容

Question

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

是否有一些特殊技巧可以让 jquery 处理使用 ajax 加载的内容，而这些内容在最初加载页面时不存在？
如果您像我一样将内容加载到弹出窗口中，我应该在哪里放置指向包含 jquery 的 .js 文件的链接，我希望在用户按下 ajax/popover 内的按钮时触发？按下好友请求按钮时，它会进入通过 ajax 加载的父文件还是子文件？

score 0 · Accepted Answer

使用.on()

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

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

});

句法

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

您可以在 head 部分的 DOM 中加载所有脚本。

score 0 · Accepted Answer

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

变成

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

或者

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

变成

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

ETC...

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

2 回答 2