【发布时间】:2018-02-21 09:02:57
【问题描述】:
我有一个设计,我试图在网页上复制它:
现在我可以在下面的代码中得到这个(也在这个fiddle):
<div style="display:inline-block;vertical-align:top">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">Tweet</a>
<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>
</div>
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui">
</div>
<iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&layout=button&size=small&mobile_iframe=true&width=59&height=20&appId" width="59" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<g:plus action="share" href="https://www.example.com"></g:plus>
但不是 LinkedIn 按钮。我尝试直接从their code generator 放入它,但由于某种原因它不起作用。
生成的代码如下:
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share"></script>
我想知道,我是否使用上面突出显示的正确代码来显示 LinkedId 按钮?
【问题讨论】:
-
如果您希望避免投反对票,我真的建议您尝试编辑您的问题,以便尽可能具体地解释您遇到的问题。检查每个平台的文档,并指出哪些内容不适合您。
-
@Oxfist 我已经编辑了我的问题。你现在可以检查吗?
-
我刚刚在小提琴中添加了 LinkedIn 按钮 sn-p,我可以看到该按钮。到底什么不适合你?
-
您要调试的代码必须在问题本身中,而不仅仅是在第三方站点中。请注意,从技术上讲,JSFiddle 的版权不允许我们将该代码编辑到您的问题中(尽管有人试图这样做的地方有一个待定的编辑)。您需要将该代码添加到您的问题中。
-
@user5447339 我很高兴,现在如果您希望实现共享计数,请不要编辑问题来询问。首先搜索是否已被询问,如果没有,则创建一个新问题,确保添加您正在使用的整个代码并明确指出您遇到的问题。
标签: html css icons linkedin social-media