在点击时加载iFrame

时间:2018-03-13 19:41:33

标签: javascript jquery iframe

我在一个页面上有20个iframe,我试图阻止所有这些iframe一次加载。 iframe是由短代码生成的,因此它并不像输入源URL一样简单。有一种方法可以在生成iframe代码后执行此操作。

单击#file-1时,我想在包装器中加载iframe#file-1-p

<h4 id="file-1" class="click files shadow">Seven Habits Profile</h4>
<section id="file-1-p" class="popup white big-shadow">
    <div class="popup-wrapper">
        <div class="ex purple shadow">
            <div>
                <span class="f-white">X</span>
            </div>
        </div>
        <div class="ead-preview"><div class="ead-document" style="position:relative;padding-top:90%;"><iframe src="//docs.google.com/viewer?url=http%3A%2F%2Fyourroundtable.com%2Fwp-content%2Fuploads%2F7_Habits_Profile.pdf&amp;embedded=true&amp;hl=en" title="Embedded Document" style="width:100%; height:100%; border: none; position: absolute;left:0;top:0;"></iframe></div><p class="embed_download"><a href="http://yourroundtable.com/wp-content/uploads/7_Habits_Profile.pdf" download="">Download [49.83 KB] </a></p></div>
    </div>
</section>

0 个答案:

没有答案