在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>