如果动态附加,为什么推特推文按钮不起作用？

Question

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

这是小提琴:小提琴

你可以看到它不起作用.

码:

$("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