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

标签 javascript jquery

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

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

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

最佳答案

在 DOM 就绪函数内加载页面后设置它们:

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

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

关于javascript - 使用ready()函数设置要显示的元素,但$(this)不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17938116/

相关文章:

javascript - 使用 PHPStorm 在 TypeScript 项目中包含一个 *.d.ts 文件(和相应的 JS)

javascript - 使用 css 显示和隐藏元素不起作用

javascript - 调试测试时自动设置 Jest 超时的最佳方法是什么?

javascript - 动态设置 slider 的最大值

jquery - 设置元素 width() 不适用于变量

javascript - jQuery sortColumns 插件 : How to sort correctly with rowspan

jQuery UI 对话框仅在 Chrome 中打开一次,在 IE 10 中不会关闭

javascript - 通过 jQuery AJAX POST 发送 JavaScript 数组

javascript - Ajax PHP 没有插入到 MySQL 数据库中

jquery - 如何使用CSS在中心并排对齐5个div?