javascript - 如果动态附加，为什么 Twitter 推文按钮不起作用？

Question

我只是分别在玩 Facebook 和 Twitter Like & Tweet Button。当我注意到动态附加的 Twitter 按钮不起作用但手动添加的 Anchor 起作用时。为什么会这样？

这是 fiddle :Fiddle

你可以看到它不起作用。

代码:

$("body").append('<a href="https://twitter.com/share" class="twitter-share-button" data-dnt="true" data-count="none" data-via="SitesTwitter">Tweet</a>');

Answer 1

这是因为将链接转换为 Twitter 链接的 Javascript 在您使用 javascript 添加新链接之前(可能是 onload)被触发:如果您删除 html 中的部分并在添加按钮后在 js 中调用它，它有效(或者保留它并在添加按钮后调用它)

 $("body").append('<a href="https://twitter.com/share" class="twitter-share-button" data-dnt="true" data-count="none" data-via="SitesTwitter">Tweet</a>');
 ! function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = "https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, "script", "twitter-wjs");

检查 JsFiddle