花式框，從url抓

我正在開發一個網站，並使用bootstrap和jquery ...我發現bootstrap的模式完全像fancybox，但意識到它不夠好，所以我繼續前進有fancybox ...我最近看到一個名爲PrimeDice的網站，我看到他們也在使用fancybox，我想設置fancybox，就像他們做的一樣......如果你看看他們的代碼，你可以看到他們正在在的fancybox像這樣...花式框，從url抓

<a href="/modals/faq.html" class="action-fancybox">faq</a>

基本上正在發生的事情是，如果你去http://primedice.com/modals/faq.html你會看到花哨箱的純文本版本。我想做類似這樣的事情，它從不同的頁面獲取fancybox的文本或數據...所以基本上有一個名爲modals的文件夾，並有一個名爲text.php的文件，然後從中獲取信息，並將其顯示在我的網頁...我希望你明白我的意思是...的fancybox

這是他們的常見問題代碼如下所示：http://pastie.org/8345073

來源

2013-09-21 user2803036

如果你有這個網站

<a href="/modals/faq.html" class="action-fancybox">faq</a>

然後使用一個jQuery這樣的代碼

jQuery(document).ready(function($){ 
    $(".action-fancybox").fancybox({ 
     type: "iframe" 
    }); 
});

假設你已經正確加載jQuery的還有的fancybox JS和CSS文件。

看本JSFIDDLE

來源

2013-09-21 23:58:41 JFK

快速的問題...這就是PrimeDice的頁面看起來像這樣http://puu.sh/4x1Em.png這就是你的頁面看起來如何http：// puu.sh/4x1FE.png我將如何能夠獲得一些相近的造型？像標題和東西？從模塊文件夾中加載的常見問題解答頁面中，有樣式，但它不加載...我希望你明白！ – user2803036

如果您從自己的域中加載外部頁面，則使用'ajax'而不是'iframe'，頁面將使用您在主頁面中加載的任何樣式。 – JFK

幾乎在那裏！當我在本地域上的頁面上使用iframe時，模式工作，但當我更改類型：「iframe」鍵入：「ajax」時，空框顯示http://puu.sh/4x7PB.png：（ – user2803036

您是否希望這樣的事情做呢？

$('.fancybox').click(function(e) { 
e.preventDefault() 
$.fancybox({ 
    'content': $(this).attr('href'), 
    'type':'iframe' 
});

來源

2013-09-21 22:37:31 Axel

沒有工作......你看上面的鏈接？基本上我需要它，所以當我點擊那個鏈接時，它會打開一個漂亮的盒子（實際上並沒有去鏈接）並顯示鏈接中的數據......它就像一個動態網站。它從另一個地方抓取內容並將它顯示在屏幕上... – user2803036

花式框，從url抓

回答

相關問題