私が最終的にこれを解決する方法はそうだった。 idの
<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>
DIV =「share_fixed」(のみページの読み込みレンダリング)静的であろうさえずるボタンが含まれます:HTMLファイル内
は、私は2つのdiv次々と定義します。 id = "share"の他のdivには、イベントが発生するたびに再レンダリング(更新)されるTweetボタンが含まれます。
Iが同じ位置で両方のdivを配置し、固定一方の上に変化するものをオーバーレイCSSで
:
#share {
position: absolute;
bottom: 12px;
left: 15px;
z-index: 1;
}
#share_fixed {
position: absolute;
bottom: 12px;
left: 15px;
z-index: 0;
}
これは実際に常に位置するように固定された「ダミー」ツイートボタンを強制しますリロード時に変化し、点滅するものの下にある。一番上のボタンが変わって「点滅」すると、そのボタンが残っていて、まったく同じなので、何も変わらないように見えます。
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ボタンが更新される方法は、レンダリングされた '