按鈕未正確加載

Question

我正在為Tumblr使用JS按鈕，該按鈕已針對博客變量進行了自定義。 該按鈕將加載一個彈出窗口，但是它們沒有出現在每個單獨的帖子下面，而是全部組合在一起。 此外，它是輸出： " 進入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

您具有ID為tumblr_button_abc123多個span ，因此在向該ID添加按鈕時，只有第一個span會獲得該按鈕