我有一个设计,我试图在网页上复制:
现在我可以在以下代码中获取此代码(也在此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按钮显示正确的代码?
答案 0 :(得分:0)
为简化给出的fiddle of the user的实际答案,
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share"></script>
但是,所有这一切都产生了一个链接到...的按钮。
https://www.linkedin.com/sharing/share-offsite/?url={url}
来源: Official Microsoft LinkedIn Sharing Documentation.
我发现简单地使用<a href ...>
链接和<img ...>
标签即可解决此问题。这听起来比导入整个JavaScript库要容易。