在JavaScript中创建一个Twitter关注列表项目

Question

尝试使列表项目（li）工作，因此，当单击时，它将打开Twitter关注对话框。我已经稍微调整了代码，以尝试使其与列表项目中的链接一起使用，但似乎无法正常工作。

任何人都可以发现错误吗？

<li class="main_news">
<a href="https://twitter.com/amazon">
    <script>
        ! function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0],
                p = /^http:/.test(d.location) ? 'http' : 'https';
            if (!d.getElementById(id)) {
                js = d.createElement(s);
                js.id = id;
                js.src = p + '://platform.twitter.com/widgets.js';
                fjs.parentNode.insertBefore(js, fjs);
            }
        }(document, 'script', 'twitter-wjs');
    </script>
</li>

代码取自https://about.twitter.com/resources/buttons#follow

Answer 1

自定义样式锚点仍打开"官方" Twitter弹出窗口。

基于https://geekgoddess.com/use-custom-graphic-for-twitter-follow button/

<li class="main_news">
    <a href="https://twitter.com/intent/follow?screen_name=amazon">Follow @amazon</a>
</li>
<script src="https://platform.twitter.com/widgets.js"></script>