-1

クリックされたボタンに応じて、画像または Java アニメーションまたは外部ページが div に読み込まれる jquery/ajax を使用する機能が必要です。

1) ボタンをクリックすると、div 内の前の画像/アニメーション/ページが新しい画像/Java アニメーション/ページに置き換えられます。

2) 一部の機能は、コンテンツのダウンロードにかかった時間を計算して保存します

これは可能ですか？

すべてのコンテンツは別のドメインにあり、Java アニメーションにはスクリプトが必要です。「同一オリジンポリシー」について心配する必要はありますか?

曖昧で申し訳ありませんが、もう少し詳細を追加させてください：

a) iframe の使用を避けたい

b) Jquery の .load 関数は、常にファイルから html コンテンツを取得します。代わりにhttp://example.com/test/abc.jpgのような URL から画像をダウンロードしたいと思います。

c) アニメーションを機能させるには、スクリプトをロードする必要があります。それを行う唯一の方法は .append ですか?

4

2 に答える 2

0

コンテンツが JSON のみである場合を除き、同じオリジン ポリシーについて心配する必要があります。

あなたの最善の推測は、iframe を使用し、ボタンのクリックでそのターゲットを更新することです。jQuery を使用すると、次のように実行できます。

<iframe src="" id="my-iframe"></iframe>

それで

$('#my-button').click(function(){
    var new_content_url = 'http://some.domain.tld/content.jpg';
    $('#my-iframe').attr('src', new_content_url);
});

質問の 2 番目の部分については、ready読み込まれた iframe でイベントが発生します。これに似たことができます：

var start = new Date();
$('#my-iframe').ready(function(){
     var stop = new Date();
     var elapsed = (stop.getTime() - start.getTime()) / 1000;
     console.log('loading took ' + elapsed + 'seconds.');
});
于 2013-07-09T09:34:21.010 に答える