如何显示的东西，一旦特定的脚本加载

How to show something, once specific script is loaded?

本文关键字：加载 脚本 何显示 显示      更新时间：2023-09-26

我有一个小工具，上面有社交媒体分享按钮。按钮的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已加载，我怎么能实现这一点?

让div显示为none，然后在脚本加载后使用您已经设置的匿名回调显示它

HTML: 

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

.hide {
    display: none;
}

JS: 

$(window).bind("load", function () {
    $.getScript('js/share.js',
        function () {
            $('#socialmedia').removeClass('hide');
        }
    );
});
相关文章：