javascript - 如何从 twitter widgets.js 使用 twitter factory

Question

我在通过 Twitter 工厂加载 Twitter 按钮时遇到问题。我在开始后立即包含了库

<script>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"));</script>

然后我在我的弹出窗口中创建了这个 html 标签(固定位置元素，不在页面加载时显示)

<div id="tweet-container"></div>

最后在我的 javascript 文件中，我调用函数:

twttr.widgets.createShareButton(
  "https:\/\/dev.twitter.com\/web\/tweet-button",
  document.getElementById("tweet-container"),
  {
    size: "default",
    via: "twitterdev",
    related: "twitterapi,twitter",
    text: "Nový rekord!",
    hashtags: "drakiada,hra"
  }
);
twttr.widgets.load();

但是按钮没有加载，怎么了？

Answer 1

您可能试图在 js 加载之前在对象上执行某些操作，因为它是异步的。把它放到你准备好的函数中(如果使用 Jquery)，这样当它被加载时你就可以使用它了

twttr.ready(
  function (twttr) {
    // bind events here
  }
);