我有一个 tumblr 网站,每个帖子都有 Facebook、Twitter、Pinterest、Google+ 和电子邮件的分享按钮。它们都应该在新窗口中打开。Facebook 和 Twitter 可以,但 Pinterest、G+ 和电子邮件在同一个窗口中打开。
这个 tumblr 站点将存在于公司主站点的 iframe 中。在主站点上,Pinterest、G+ 和电子邮件链接根本打不开。他们什么都不做。Facebook 和 Twitter 链接的行为与之前的行为相同;他们工作。
这是我用于链接的 html:
<ul>
<li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">Open in app</a></li>
<li><a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&t={URLEncodedTitle}" class="share-item facebook" target="_blank"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareFB.png?7867"></a></li>
<li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareTwitter.png?7867"></a></li>
<li><a href="http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&media={PhotoURL-HighRes}&description=Isaora" class="share-item"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productSharePinterest.png?7867"></a></li>
<li><a href="mailto:?subject={URLEncodedShareString}&body={URLEncodedMailSummary}" class="share-item mail"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareMail.png?7867"></a></li>
<li><a href="https://plus.google.com/share?url={URLEncodedPermalink}" class="share-item"><img src="http://cdn.shopify.com/s/files/1/0248/9574/t/1/assets/productShareGPlus.png?7867"></a></li>
</ul>
我如何:
* 获取电子邮件、pinterest 和 g+ 链接以在 tumblr 网站上工作在 iframe
中 * 让它们在新窗口中打开。