2012-07-03 149 views
0

我可能在這裏問一個noob問題,但我似乎無法找到答案。Fancybox jQuery鏈接到外部頁面

我設置了fancybox,它的工作就像一個魅力。我將外部頁面調入iframe功能。在頁面上(我加載到lightbox中)有一個聯繫頁面鏈接。當我點擊它時,聯繫頁面會加載到iframe中。

當點擊「聯繫鏈接」我想關閉燈箱並轉到聯繫頁面。

有人可以幫助我嗎?在此先感謝...

回答

2

我假設你的鏈接是這樣的:<a href="contact.php">Contact Page</a>。 如果是這樣,請嘗試將其更改爲:<a onClick="closeFBContact()" style="cursor: pointer;">Contact Page</a>

此代碼將執行的操作是鏈接到Javascript函數而不是實際頁面。我還投擲了一些光標樣式,以使您的a標記仍然看起來像一個可點擊的超鏈接。

從那裏,去到你初始化的fancybox你的主要的Javascript文件,並寫入以下內容:

function closeFBContact() { 
    $.fancybox.close; //This will close the Fancybox window 
    window.open("contact.php"); //This will change the page to contact.php 
} 

退房Fancybox's API對他們的公共方法的詳細信息。在使用該插件時,這應該對您有所幫助。

+0

謝謝,這個伎倆!我需要改變的唯一的事情就是將目標放在父項(Lightbox的)中的JavaScript –

+0

聽起來不錯湯姆!很高興的事情爲你制定。 – cereallarceny

+1

也謝謝我,這就像一個魅力,我變得非常沮喪! –

2

只需將target =「_ parent」放在鏈接上,它就像魅力一樣。它也可能是你第一次在你的生活中使用它。

相關問題