2015-10-20 75 views
0

我有一個小工具,上面有社交媒體分享按鈕。 按鈕的API需要幾秒鐘才能加載,選項卡上有一個旋轉圖標,按鈕可見但不可用。這顯然是不好的。一旦加載了特定的腳本,如何顯示內容?

我現在正在使用下面的小腳本來加載頁面加載後的API,這是我想保留的。

<script> 
// Load the share API's once the entire page is loaded. 
    $(window).bind("load", function() { 
     $.getScript('js/share.js', function() {}); 
    }); 
</script> 

但我也想隱藏社交媒體按鈕div,直到腳本中的API已經被加載,我該怎麼做到這一點?

+2

的'$ .getScript()'作品回調的第二個參數。在裏面輸入一些代碼! – kosmos

+0

這並不完全是這樣,我需要等待API加載,而不僅僅是腳本。 – LukeD1uk

回答

5

使您的div無顯示,然後在腳本使用已設置的匿名回調加載後顯示它。

HTML:

<div id="socialmedia" class="hide"></div> 

CSS:

.hide { 
    display: none; 
} 

JS:

$(window).bind("load", function() { 
    $.getScript('js/share.js', 
     function() { 
      $('#socialmedia').removeClass('hide'); 
     } 
    ); 
}); 
+0

這不是我所需要的。一旦API的加載不僅僅是腳本,我需要刪除這個類。 – LukeD1uk

+0

所以,一旦你得到的腳本它會自動運行加載任何你需要或你需要調用的東西來加載?如果在獲得腳本之後有一個調用來加載這個東西,那麼可能會提供一個回調? – AtheistP3ace

+0

有一個觸發器,但林不知道是否有回調。我使用這個:https://github.com/ritz078/socialShare.js – LukeD1uk

相關問題