如何在jQuery 1.12.4中实现这一点

时间:2018-03-01 作者:kpmrpar

我有一个脚本,它在几秒钟后显示iframe。

<script type="text/javascript">//<![CDATA[
$(window).load(function(){
setTimeout(function(){
$(".hidden_div").show(function(){
$(this).find("iframe").prop("src", function(){
return $(this).data("src");
});
});
}, 5000);
});//]]> 
</script>
但它只适用于代码。jquery。com/jquery-1.8.3。js我正在使用wordpress的jquery 1.12.4

如果我同时使用这两种方法,那么我会从主题中得到很多jquery错误。

如何使脚本与1.12.4 jquery一起工作?

2 个回复
最合适的回答,由SO网友:Xhynk 整理而成

如果只有一个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>

SO网友:Akshat

这是jQuery问题,与WordPress无关,请尝试

<script type="text/javascript">//<![CDATA[
jQuery(window).load(function(){
    setTimeout(function(){
        jQuery(".hidden_div").show(function(){
            jQuery(this).find("iframe").prop("src", function(){
                return jQuery(this).data("src");
            });
        });
    }, 5000);
});//]]> 
</script>

结束

相关推荐

JQuery未显示在主页中

*Update! Table is showing but only in Chrome browser, not other browsers. Tried in Safari and Opera and did not see table on screen. Please help! Need to be compatible with all browsers if possible.original post:我试图加载一个从API中提取数据的表,以显示加密货币的价格。当我从html页面加载它时