Ajax / JQuery多个.load（）请求不包括.wrap（）内容？

Question

我不确定会导致这种情况的原因是什么，但是我希望将/ .load()的特定内容部分从一个页面call到另一页面，尽管我已经能够检索到某些目标内容，但是函数似乎没有将任何.wrap()选择器与该调用保持一致，我已将其实现为单个脚本（如下所示）。

例如，这是.wrap()函数（（在.wrap()时不遵守）：

$("iframe.selectediframe").wrap("<div class='wraptoiframe'></div>");

还有.load()函数，该函数检索请求的iframe内容，但不在ID内应用任何指定的.wrap()选择器（例如： .wraptoiframe ）： #section(x) ：

$('#embed-content1').load('https://URL1.com/ #section1');
$('#embed-content2').load('https://URL2.com/ #section2');

然后，我就这样实现了HTML：

<div id="embed-content"></div>

如何强制多个.load()在执行中包括所有已选择到.wrap() ，但只调用一次包装函数？

Answer 1

使用完整的回调并在每个容器内部查找要包装的元素

function wrapIframe(){
   // "this" is the embed-content container that is being populated
   $(this).find("iframe.selectediframe").wrap("<div class='wraptoiframe'></div>");
}
// pass wrapIframe as reference for complete callback of load
$('#embed-content1').load('https://URL1.com/ #section1',wrapIframe);
$('#embed-content2').load('https://URL2.com/ #section2', wrapIframe);