13

友人、私の問題は、すべてが同時に読み込まれるため、ページの読み込みが非常に遅いことです。「記事」ボタンをクリックすると、その内部にあるモーダルがポップアップする RSS フィードを取得しています。問題は、すべての が同時にロードされることです。

サイトはこちら: 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")); 
});

または、1 つのボタンをクリックしたときにすべての iframe をロードしたい場合は、すべての iframe にdata-src="your.url"属性があることを確認してから、次のようにループします。

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

まず、要素がありません$('#gogogo')。フレームは#gogo.

src第二に、そうではないことを設定しますhref

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

URL ではなく HTML に設定したい場合は、次のようにします。

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

ここにデモがあります

于 2012-08-24T02:40:16.040 に答える