だから私は単にページにフォローボタンを表示したい。非常に簡単。
私のJSファイルには次のものがあります:
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
次に、HTMLには次のものがあります。
<a href="https://twitter.com/mattkomarnicki?ref_src=twsrc%5Etfw"
class="twitter-follow-button"
data-size="large"
data-lang="en"
data-show-count="true">Follow @mattkomarnicki</a>
すべてが機能しますが、ボタンがページの上部にあるためです (常に最初のビューポート領域内にあります)。ページを更新する (または初めて読み込む) とすぐに。FOUCが見えます。最初に表示できるように発行されているイベントのようなものはありnone
ますか?
ヒントはありますか?