在Fancybox中加載Twitter Tweet按鈕對話框

我想用iframe風格的Twitter tweet button stuff打開一個性感的fancybox對話框。在Fancybox中加載Twitter Tweet按鈕對話框

(function() { 

    // Fancybox Options for IFrame 
    var fancybox_params = { 
     'padding': 0, 
     'autoScale': false, 
     'transitionIn': 'none', 
     'transitionOut': 'none', 
     'width': 680, 
     'height': 400, 
     'type': 'iframe' 
    }; 

    // Twitter 
    var twitter_params = fancybox_params; 
    twitter_params.title = 'Twitter'; 
    twitter_params.href = 'twitter.com/share?' + 
     'url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button'; 
    $('#social_twitter').fancybox(twitter_params); 

});

然後一點點......

<a id="social_twitter" href="javascript:void(0)">Twa-twa-twa-tweet me homes</a>

我只是得到一個加載動畫。使用fancybox 2.0.6。

來源

2012-07-24 Spencer Avinger

是Twitter按鈕「iframe」樣式（如twitter鏈接中所述）或fancybox「iframe」樣式？ – JFK 2012-07-25 04:37:53

你應該把「http://」放在外部URL的開頭。

但實際的問題是，我認爲，

"twitter doesn't allow itself to be embedded via iframe."

from @andrew_ohlmann answer

因此，這意味着你是不是能夠做到這一點。

來源

2012-07-24 22:26:19 ocanal

這很奇怪。 [在Tweet Button開發者頁面上的]（https://dev.twitter.com/docs/tweet-button）在它的最底部說明......「在這個例子中，點擊Tweet按鈕時，Share Box將會在新窗口或標籤中打開（取決於瀏覽器），但實際上，您可能希望包含一個JavaScript處理程序，以便在彈出窗口中打開共享框。「 – 2012-07-24 22:44:28

@savinger，彈出窗口和新選項卡與iframe不同，iframe屬於實際頁面，但其他屬於瀏覽器。 – ocanal 2012-07-24 22:48:45

@ocanal據我所知，他並不是試圖在iframe中打開twitter，而是在fancybox中添加一個twitter按鈕（twitter提供了一個iframed類型的按鈕） – JFK 2012-07-25 04:52:25

在Fancybox中加載Twitter Tweet按鈕對話框

回答

相關問題