Question

我正在使用Tumblr的JS按钮，我已经为my blog的变量进行了自定义。该按钮加载一个弹出窗口，但不是出现在每个单独的帖子下，而是将它们全部组合在一起。此外，它正在输出："到Tumblr共享屏幕标题而不是实际引号。

如何点击弹出窗口居中？

<script src='http://platform.tumblr.com/v1/share.js'/>

<span id='tumblr_button_abc123'></span>
<script type='text/javascript'>
var strPostUrl = "<data:post.url/>";
var strPostTitle = '<data:post.title/>';
var tumblr_link_url = strPostUrl.replace("http://","");
var tumblr_link_name = strPostTitle.replace(/"/g, '"');
</script>
<script type='text/javascript'>
var tumblr_button = document.createElement("a");
tumblr_button.setAttribute("href", "http://www.tumblr.com/share/link?url=" + encodeURIComponent(tumblr_link_url) + "&name=" + encodeURIComponent(tumblr_link_name));
tumblr_button.setAttribute("title", "Share on Tumblr");
tumblr_button.setAttribute("style", "display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;");
tumblr_button.innerHTML = "Share on Tumblr";
document.getElementById("tumblr_button_abc123").appendChild(tumblr_button);
</script>

Answer 1

您有多个span，其ID为tumblr_button_abc123，因此当您向此ID添加按钮时，只有第一个span获取按钮

按钮无法正确加载

1 个答案: