13

朋友们,我的问题是我的页面加载速度很慢,因为所有的加载都是同时进行的。我正在拉一个 RSS 提要,如果您单击“文章”按钮,它将弹出一个包含其内部的模态。问题是所有的 s 都同时加载。

这是网站: http ://daisy.camorada.com/

我尝试将 src 插入其中,但这不起作用,因为我猜 iframe 会在页面打开时加载。

<button class='btn btn-primary' id='miguel'>TEST ME NOW</button>
        <button class='btn btn-primary' id='jamison'>jamison</button>
        <div id="yoyoyo">
            </div>
            <iframe id="gogo">
                </iframe>

<script>
        $('#miguel').on('click', function() {
            alert('clicked');           
            $('#gogogo').attr('href', 'http://www.google.com');

        });
    </script>
    <script>
        $('#jamison').on('click', function() {
            alert('clicked JAMISON');       
            $("#yoyoyo").html("<h1>HELLO J</h1><br><iframe class='full-iframe' href='http://news.yahoo.com/three-killed-tribal-clash-libya-001717827.html'></iframe>");

        });

    </script>
4

3 回答 3

41

html:

<iframe id="myiFrame" data-src="http://my.url" src="about:blank">
</iframe>

在你的 jQuery 中:

$("button").click(function(){
    var iframe = $("#myiFrame");
    iframe.attr("src", iframe.data("src")); 
});

或者,如果您想在单击一个按钮时加载所有 iframe... 确保它们都有一个data-src="your.url"属性,然后像这样循环:

$("button").click(function(){
    $("iframe").each(function(){
        $(this).attr("src", $(this).data("src"));
    });
});
于 2012-08-24T02:39:56.137 回答
6

首先,您没有 element $('#gogogo')。框架是#gogo.

二、设置它src不是href

$("#myframe").attr('src', 'http://site.com');

如果您只想将其设置为一些 HTML 而不是 URL,请使用以下命令:

$("#myframe").contents().find('html').html("hello");

这是一个演示

于 2012-08-24T02:40:16.040 回答
6
<a href="http://example.com" target="myiFrame">Click me!</a>
<iframe name="myiFrame" src="about:blank">

无需 JavaScript。

于 2018-12-14T21:29:36.813 回答