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

在 id 中提供您的 img 标签，例如“loadingimg”... 然后，在您完成 Ajax 事件时：

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

编辑：此外，播放器应该具有“显示：无”的风格。当你想展示它时，打电话

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

或者你给玩家的任何ID...

编辑：在 jwplayer.load(); 之后将这两行放在 getJSON() 的回调函数中；

于 2013-02-04T23:11:35.017 回答