Javascript Twitter按钮最初隐藏时不显示

我在使用小部件的页面上有一个Twitter按钮。除非我将其放置到隐藏容器中，否则按钮将按其应有的方式呈现

---

我想把共享按钮放在一个隐藏的容器中，只在单击时显示。我有所有的功能工作，但Twitter按钮将不会显示，如果放入一个隐藏的容器

您可以使用CSS标签

display:none

，然后在单击按钮时删除标签，并在完成Twitter共享时将标签添加回

大概是这样的：

HTML

<input type="button" class="clickMe" value="Click Me" />
<img src="img/twitter.png" class="twitterPic hideMe" />

JavaScript

$(".clickMe").on("click", function () {
    $(".twitterPic").removeClass("hideMe");
});

以下是一些指向JQuery页面的链接，用于添加和删除类：

---

您可以尝试以下方法：

• 通过设置容器的左侧或右侧，将容器放置在视口外部 像5000px

  .container{left:5000px；}

• 取下

  显示：无

  css 导致问题的规则。这样，twitter代码应该是 能够在页面加载时正确启动
• 然后使用设置容器的位置 当用户单击按钮时，

  offset（）

  功能将启动。这边 容器将显示您希望它放置的位置

---

无法显示隐藏元素的后代（显示：无）。听起来像是设计问题。但是，如果它是

可见性：hidden

，您可以这样做，但这不起作用。如果元素被隐藏，它将不会在页面上呈现。

$(".clickMe").on("click", function () {
    $(".twitterPic").removeClass("hideMe");
});