如何在完成getjson調用的情況下使加載動畫不可見，並顯示jw播放器？

我想在加載頁面時顯示加載動畫，並在getjson調用成功完成時移除加載動畫，並在getjson完成結束時顯示我的jw播放器代碼。現在我的加載動畫在任何時候都可見。你們能告訴我如何讓動畫在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>

JW球員應該在的getJSON通話結束成爲visiable：

<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>

來源

2013-02-04 user1788736

給您的IMG在id中加入標籤，例如「loadimg」...然後，在您完成Ajax事件時：

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

編輯：此外，玩家應該有一個「顯示：無」的風格。當你想表現出來，叫

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

或任何ID，你給玩家...

編輯：把這兩行的回調函數的getJSON（），jwplayer.load後（）;

來源

2013-02-04 23:11:35

OP可能不知道該把代碼放在哪裏 – Popnoodles

非常感謝史蒂夫。加載變得不可見，因爲我想要的方式，但我不知道我可以如何讓我的jw球員在開始時不可見，並在最後可見！我如何添加顯示：非jw球員？或者如果可能的話，一些如何顯示載入GIF的播放器，並刪除它getjson完成時，但不知道如何將它放在播放器！此外，是否有可能檢查是否檢查getjson響應，如果它是空的我顯示一些文本用戶或只是重新加載頁面或重新調用的getJSON（我的鞭策是的getJSON犯規來空） – user1788736

將播放器放在一個DIV並設置樣式爲無，或者通過style屬性或通過CSS：

–

如何在完成getjson調用的情況下使加載動畫不可見，並顯示jw播放器？

回答

相關問題