Twitter按钮如果最初隐藏则不显示

Question

我使用小部件在页面上有一个Twitter按钮。除非我将它放入一个隐藏的容器中，否则该按钮会呈现它应有的效果。

我想将分享按钮放入隐藏的容器中，该容器仅在单击时显示。我有所有功能，但如果放入隐藏容器，Twitter按钮将不会显示。

Answer 1

您可以使用CSS标记display: none，然后在单击按钮时删除标记，并在完成与Twitter共享后添加标记。

这样的事情：

<强> HTML

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

<强> CSS

假设你有一个单独的样式表。

.hideMe { display: none;}

<强>的JavaScript

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

以下是添加和删除类的JQuery页面的一些链接：

https://api.jquery.com/removeClass/

https://api.jquery.com/addClass/

Answer 2

您可以尝试以下方法：

• 通过设置左侧或右侧将容器放置在视口外部 正确的财产，如5000px .container {left:5000px;}
• 取消display:none css 导致问题的规则。这样twitter的代码应该是 能够在页面加载时正确启动
• 然后使用设置容器的位置 用户点击按钮时的offset()功能。这条路 容器将显示您想要的位置