Кнопка «Twitter» на моем веб-сайте - Fla sh из Unstyled Content

Question

Так что я хочу, чтобы отобразить просто следовать кнопку на странице. Очень просто.

В моем 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>

Все работает, но потому что кнопка находится в верхней части страницы (всегда в пределах начальной области просмотра). Как только я обновлю sh страницу (или загрузлю ее в первый раз). Я вижу FOU C. Есть ли что-то вроде события, которое испускается, так что я могу изначально отображать none, а когда кнопка «готова», я могу сделать его видимым?

Есть намеки?

Answer 1

Вы можете попробовать использовать событие rendered из API Twitter JS:

twttr.events.bind(
  'rendered',
  function (event) {
    console.log("Created widget", event.target.id);
  }
);

Источник: Документы Twitter