Question

我有一个小工具，上面有社交媒体分享按钮。按钮的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已加载，我该如何实现？

Answer 1

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

HTML：

https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=...

CSS：

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

JS：

.hide {
    display: none;
}

加载特定脚本后如何显示内容？

1 个答案: