我终于解决这个问题的方式就像这样。
在HTML文件中,我定义两个div此起彼伏:
<div id="share_fixed">
<a class="twitter-share-button" href="http://twitter.com/share" data-url=" " data-size="large" data-show-count="false" data-text=" ">
</a>
</div>
<div id="share">
</div>
ID为DIV =“share_fixed”中将包含一条推按钮,这将是静态的(仅在页面加载时呈现)。 id =“share”的其他div将包含Tweet按钮,每次发生某个事件时都会重新渲染(更新)。
在两个分隔上同一位置的CSS我的位置和覆盖其上固定一个顶部变更中的一个:
#share {
position: absolute;
bottom: 12px;
left: 15px;
z-index: 1;
}
#share_fixed {
position: absolute;
bottom: 12px;
left: 15px;
z-index: 0;
}
这实际上将迫使固定的“虚拟”分享Tweet按钮始终被定位低于重新加载时发生改变和闪烁的那个。每当顶部的按钮改变并“闪烁”下面的按钮时,它将保持不变,因为它完全相同,所以看起来没有任何变化。
在Javascript文件中,我添加了例如是这样的:
var tweetBtn = $(document.createElement('a')).addClass("twitter-share-button")
.attr('href', 'http://twitter.com/share')
.attr('data-url', ' ')
.attr('data-size', 'large')
.attr('data-show-count', 'false')
.attr('data-text', "Some new tweet text");
$("#share iframe").remove();
$("#share").append(tweetBtn);
twttr.widgets.load();
我想有更多的方式来解决这个问题,但是这对我的作品在Chrome,还没有尝试过在其他浏览器。
首先加载twitter按钮,然后'onLoad',隐藏/摆脱第一个。 – Feathercrown
当你说twitter按钮时,你是什么意思? 由于twitter按钮的更新方式是从DOM中删除呈现的'