javascript - 没有推特图标的推特分享按钮,只是分享

标签 javascript twitter-bootstrap twitter

我想嵌入 Twitter 分享选项,我得到的代码是 javascript 以及这个分享链接:

<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out this link please" data-via="ObiWanKobi" data-related="User">Tweet</a>

我想要显示数据文本和所有内容,但我想使用我自己的自定义图标而不是 Twitter 图标。所以我拿走了 class="twitter-share-button" 因为那是显示此按钮的内容,但是一旦我这样做,data-text 就会丢失,它只是分享链接。如何破解它以显示自定义图标?

您的帮助 = 非常感谢

最佳答案

最简单的方法是根本不使用他们的 JavaScript,而是自己构建共享 URL:

http://twitter.com/share?text={…}&url={…}

不要忘记对您放入其中的参数值进行 URL 编码。

您可能想在链接中添加 target="_blank" 以在新窗口/选项卡中打开它,甚至添加 window.open 以选择性地打开它在具有预定义宽度和高度的弹出窗口中。

关于javascript - 没有推特图标的推特分享按钮,只是分享,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22778849/

相关文章:

javascript - jquery scrollto 不滚动到正确的元素

javascript - javascript 将类添加到选项卡时出现问题

javascript - Bootstrap 模态显示但没有文本可见

javascript - 使用 Bootstrap 3 和 AngularJS 的多选下拉列表?

css - 如何启用模式内的内容滚动?

javascript - 我的重启标志来回旋转,但我只需要去那里,如何解决这个问题?

javascript - Javascript 中的高度未按预期呈现

java - jtwitter OAuth 切换如何?

python - 我的代码似乎得到了不正确的推文计数

html - Twitter 卡片未验证