如果只有一个iframe,只需设置iframe的src
中的属性.show()
回调函数。
<script type="text/javascript">//<![CDATA[
jQuery(window).load(function($){
setTimeout(function(){
$(\'.hidden_div\').show(function(){
$(this).find(\'iframe\').attr(\'src\', \'https://example.com/\');
});
}, 5000);
});//]]>
</script>
如果需要更多动态代码,请删除
src
属性,并使用如下url添加新属性
<iframe data-src="https://example.com/"></iframe>
然后将数据属性克隆到src属性,如下所示:
<script type="text/javascript">//<![CDATA[
jQuery(window).load(function($){
setTimeout(function(){
$(\'.hidden_div\').show(function(){
var src = $(this).find(\'iframe\').attr(\'data-src\');
$(this).find(\'iframe\').attr(\'src\', src);
});
}, 5000);
});//]]>
</script>
如果要使用现有的原始代码,这将起作用。问题是你没有
$
jQuery别名尚未定义。
<script type="text/javascript">//<![CDATA[
jQuery(window).load(function($){
setTimeout(function(){
$(".hidden_div").show(function(){
$(this).find("iframe").prop("src", function(){
return $(this).data("src");
});
});
}, 5000);
});//]]>
</script>