Question

情况：动态加载的帖子中有一个视频iframe（ajax）。

我需要将这个iframe包装在div＆＃34; videoWrapper＆＃34;。

当我在控制台（chrome）中粘贴此代码时，它完成了工作，iframe正确地包装了div。

当我将他的代码放在实时网站中时，不会将div添加到html中。它不适用于实时版本。

**如何在最后时刻触发该功能？ **

这是我目前的代码：

jQuery(document).ready(function () { 
jQuery('iframe[src*="youtube.com"], iframe[src*="vimeo.com"]').wrap('<div class="videoWrapper" />');});

我也试过

jQuery(document).on(function() { 
jQuery('iframe[src*="youtube.com"], iframe[src*="vimeo.com"]')
.wrap('<div class="videoWrapper" />'); }); 
});

我做错了什么？我在JS / Jquery中真的很新。

我留下了iframe周围的HTML副本：

<div class="eg-ajax-target-container-wrapper " id="sp-content-ajax">
    <!-- CONTAINER FOR PREFIX -->
    <div class="eg-ajax-target-prefix-wrapper">
    </div>
    <!-- CONTAINER FOR CONTENT TO LOAD -->
    <div class="eg-ajaxanimwrapper" style="position: relative; overflow: hidden; height: auto; z-index: 0; min-height: 0px; max-height: none;"><div class="eg-ajax-target" style="visibility: inherit; opacity: 1; height: auto;"><div class="eg-ajax-closer-wrapper eg-acp-tr eg-acp-light eg-acp-type1"><div class="eg-ajax-closer eg-ajax-navbt">X</div></div><h2>Motu Buu Acoustic Track 3</h2>
<p><iframe></iframe></p>
<h3>Sample</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div></div>
    <!-- CONTAINER FOR SUFFIX -->
    <div class="eg-ajax-target-sufffix-wrapper">
    </div>
</div>

在Dom之后动态加载Jquery wrap元素

0 个答案: