2011-12-26 191 views
0

我試圖在fancybox中顯示一個html表單(不內聯)。但是,點擊鏈接只需重定向到包含表單的實際頁面。我不知道爲什麼會發生這種情況。Fancybox不顯示iframe內容

下面是我的代碼的摘錄:

HTML:

<a href="http://localhost:8080/mysite/popups/registration_1.html" class="register">register</a> 

的Javascript:

$(document).ready(function() { 
    $("a.register").fancybox({ 
     'type' : 'iframe' 
    }); 
}); 

我想不出我的生活我在做什麼錯誤。看看fancybox文檔,上面的語句看起來是正確的。

我正在使用最新的fancybox版本(截至撰寫本文),版本:1.3.4。

任何想法,或想法將不勝感激......

感謝,

-Tom

回答

1

你檢查,如果你是包括的fancybox JS文件之前和jQuery的JS文件他們的文件路徑是正確的。

我已經在這jsfiddle maded測試,它的工作。請注意,我在左邊的fancybox中包含了JS和CSS,並選擇了jQuery。

+0

好吧,所以改變路徑優先順序已經產生了一些影響。然而,不是重新指揮,沒有任何反應;沒有燈箱覆蓋,納達... – princeTaj 2011-12-26 19:33:27

+0

有趣的是,當我刪除強制類型; 'iframe',表單被添加到當前頁面的底部。 – princeTaj 2011-12-26 19:34:41

+0

好吧,在fancybox發行版中交叉檢查示例代碼之後,發現我沒有在fancybox css的鏈接元素中包含'rel =「樣式表」'屬性/值「。窗體現在正在顯示。非常感謝您的幫助 – princeTaj 2011-12-26 20:22:13