javascript - 使用 ready() 函数设置要显示的元素但 $(this) 不起作用？

Question

$('.share-button').ready(function(){
  $(this).css("display","inline");
});

我将所有社交媒体共享按钮设置在一个包装器中，display:none然后我想将它们设置为在加载后显示。我正在尝试使用此功能，但它不起作用。你认为可能有什么问题？

编辑：我的问题是每个按钮都必须加载一个外部脚本，因此它们通常会在页面加载后继续加载，并且它们的加载类型出现故障，并且正在调整大小使其看起来很奇怪。我需要为每个单独的元素执行此功能。

Answer 1

在页面加载后在 DOM 就绪函数中设置它们：

$(document).ready(function() {
    $('.share-button').css("display","inline");
});

API：http ://api.jquery.com/ready/

Answer 2

您可以在DOM完全加载后执行此操作：

$(document).ready(function(){
  $('.share-button').show();
});

Answer 3

你为什么不做，

$(document).ready(function() {
  $('.share-button').css("display","inline");
});

文档说 $().ready(handler) （不推荐这样做）

Answer 4

和这个

$(function() {//this format is same as document.ready
    $('.share-button').css("display","inline");
});

Answer 5

只需在这些 .share-button 之后插入 javascript 标记并插入您的代码：

$('.share-button').css("display","inline");