addthis並確保頁面不會掛起

Question

我只是在我的網站上實現了Addthis社交按鈕，但我想創建一個安全防護方法，以確保如果偶然發現addthis_widget.js文件失敗或只是一直掛起試圖加載它，它不會導致我的網站掛起，並沒有完成加載所需的一切。

從網上關於這個問題的研究，我在下面找到了這個例子。

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520bd33b4d6dd146&domready=1"></script> 
​<script type="text/javascript"> 
    var addthis_config = addthis_config||{}; 
    addthis_config.data_track_addressbar = false; 

    function initAddThis() { 
     addthis.init() 
    } 
    // After the DOM has loaded... 
    initAddThis(); 
</script> 

我不知道如何測試這是否會工作或做我想做的事情。希望有人能幫我弄清楚這是否有效。

謝謝

Answer 1

您可以在關閉正文標記之前的頁面底部加載腳本。

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-520bd33b4d6dd146&domready=1"></script> 
</body> 

這將確保頁面的其餘部分在它試圖加載添加此腳本之前加載。現在很多人喜歡這種方法。

之後，您可以在文檔就緒功能中調用init函數。這將確保插件在頁面完全加載之前未被初始化。

$(document).ready(function(){ 
    initAddThis(); 
});