0

ページの読み込み時に読み込みアニメーションを表示し、呼び出された getjson が正常に完了したときに読み込みアニメーションを削除し、getjson 完了の最後に jw プレーヤー コードを表示したいと考えています。現在、読み込み中のアニメーションは常に表示されています。getjson 呼び出しの最後にアニメーションの読み込みを非表示にし、代わりに jw プレーヤーを表示する方法を教えてください。

私のローディングアニメーション画像：

<td rowspan="4"><img src="./loading.gif" width="304" height="287"></td>

そして私の getjson 呼び出し：

<script>
$.getJSON('http://www.somesite.com/getmedia.php?id=1234&callback=?', function(data){
var mediaUrl = data.contents;
jwplayer().load({file: mediaUrl+".flv"});

});

</script>

getjson 呼び出しの最後に表示される jw プレーヤー:

<script type='text/javascript' src='./jwplayer.js'></script>

<div id='mediaspace'>This text will be replaced</div>

<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': './player.swf',
    'autostart': 'true',
    'controlbar': 'bottom',
    'width': '470',
    'height': '320'
  });
</script>
4

1 に答える 1

2

"loadingimg" のように、id に img タグを付けます。次に、Ajax イベントの完了時に:

$('#loadingimg').hide();

編集: また、プレイヤーは「表示: なし」のスタイルを持つ必要があります。見せたい時は電話

$('#player').show();

またはプレイヤーに与えるIDは何でも...

編集: jwplayer.load(); の後に、これらの 2 行を getJSON() へのコールバック関数に入れます。

于 2013-02-04T23:11:35.017 に答える