2013-09-26 82 views
-1

我有一個tumblr網站,每個帖子都有Facebook,Twitter,Pinterest,Google+和電子郵件的分享按鈕。他們都應該在新窗口中打開。 Facebook和Twitter,但Pinterest,G +和電子郵件在同一窗口中打開。Pinterest和Google+分享按鈕無法從iframe中打開

這個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> 

如何:
*獲得的電子郵件,Pinterest的和G +鏈接在tumblr現場工作是一個iframe中
*讓他們在新窗口中打開。

+0

你的Twitter和Facebook的鏈接有一個目標= _blank屬性,但其他人沒有,你意識到了嗎? – ocanal

+0

啊。我一直盯着這太久。謝謝!對不起浪費你的時間。 – Michelle

回答

1

獲得的電子郵件,Pinterest的和G +鏈接在tumblr現場工作是一個iframe

你不能裏面。他們使用HTTP標頭告訴瀏覽器他們不應該在框架中打開。

讓他們在新窗口中打開。

一樣的鏈接,其已經打開一個新的窗口:

target="_blank"