Pinterest和Google+分享按钮无法从iframe内部打开

时间:2013-09-26 21:49:19

标签: html iframe google-plus tumblr pinterest

我有一个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}&amp;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}&amp;media={PhotoURL-HighRes}&amp;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}&amp;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>

我如何:
 *获取在tumblr网站上工作的电子邮件,pinterest和g +链接在iframe内  *让它们在新窗口中打开。

1 个答案:

答案 0 :(得分:1)

  

获取tumblr网站上的电子邮件,pinterest和g +链接在iframe内部

你不能。他们使用HTTP标头告诉浏览器他们不应该在框架中打开它们。

  

让他们在新窗口中打开。

与已在新窗口中打开的链接相同:

target="_blank"