0

複数のsrcリンクを1つのフレームに入れて、次々にロードしようとしています。これが私が現在持っているコードです：

<script type="text/javascript">
    $(document).ready(function(){   
    $('#1').on('load', function() {     
            $('#1').attr('src', "http://www.example1.com");             
    }).attr('src', "http://www.example2.lt");

    $('#1').on('load', function() {                 
            $('#1').attr('src', "http://www.example1.com");             
    });

    });
</script>

<iframe id="1"  width="100" height="100" src=""></iframe>

このコードでは、最初にexample1.comのURLをロードし、次にexample2.comのURLをロードします。

URLを保存するtxtファイルがあります。javascriptがtxtファイルからURLを読み取り、それらをjavascriptに入れ、txtファイルにあるURLの数だけiframeを次々にロードするようにするにはどうすればよいですか？たぶん、私がここに書いたものとは別の方法がありますか？

4

1 に答える 1

0

ファイルjsonを文字列のエンコードされた配列としてフォーマットし、サーバーから$.ajaxまたは$.getJSONを使用してフェッチします。

アレイを設定したので、次のことができます。

$.getJSON( ... , function(success) { 
  $('#1').on('load', function() {
    $(this).attr('src', success.pop());
  }).attr('src', 'http://www.google.com');
});

ややこのように：

http://jsfiddle.net/FQLce/

于 2013-02-24T13:54:30.970 に答える