Ajax / JQuery多个.load()请求不包括.wrap()内容?

时间:2017-11-25 21:48:33

标签: javascript jquery ajax url load

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

例如,这里是.wrap()函数(当检索到.load()时没有被粘附):

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

.load()函数检索所请求的iframe内容,但不在ids中应用任何指定的.wrap()选择器(例如:.wraptoiframe):{{1目标:

#section(x)

然后我就这样实现HTML:

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

如何强制多个<div id="embed-content"></div> 在其执行中包含已选择.load()的所有内容,但只包含一次调用包装函数?

1 个答案:

答案 0 :(得分: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);