如何使 负载只点击一个按钮？(How do I make load onl

朋友们，我的问题是，我的网页确实是加载缓慢，simeltaneously因为所有的负载。 我拉着一个RSS feed，如果你点击“物品”按钮，就会弹出有它的内模态。 问题是所有S负载的simeltaneously。

这里是网站： 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>

Answer 1:

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")); 
});

或者，如果你想加载所有的I帧当你点击一个按钮...确保他们都有一个data-src="your.url"属性，然后遍历这样的：

$("button").click(function(){
    $("iframe").each(function(){
        $(this).attr("src", $(this).data("src"));
    });
});

Answer 2:

首先，你没有一个元素$('#gogogo') 该帧是#gogo 。

二，设置它的src没有href

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

如果你只是想将其设置为一些HTML，而不是一个URL，这样使用：

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

这里有一个演示

Answer 3:

<a href="http://example.com" target="myiFrame">Click me!</a>
<iframe name="myiFrame" src="about:blank">

无需JavaScript的。

文章来源: How do I make load only on a button click?