我可能在這裏問一個noob問題,但我似乎無法找到答案。Fancybox jQuery鏈接到外部頁面
我設置了fancybox,它的工作就像一個魅力。我將外部頁面調入iframe功能。在頁面上(我加載到lightbox中)有一個聯繫頁面鏈接。當我點擊它時,聯繫頁面會加載到iframe中。
當點擊「聯繫鏈接」我想關閉燈箱並轉到聯繫頁面。
有人可以幫助我嗎?在此先感謝...
我可能在這裏問一個noob問題,但我似乎無法找到答案。Fancybox jQuery鏈接到外部頁面
我設置了fancybox,它的工作就像一個魅力。我將外部頁面調入iframe功能。在頁面上(我加載到lightbox中)有一個聯繫頁面鏈接。當我點擊它時,聯繫頁面會加載到iframe中。
當點擊「聯繫鏈接」我想關閉燈箱並轉到聯繫頁面。
有人可以幫助我嗎?在此先感謝...
我假設你的鏈接是這樣的:<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對他們的公共方法的詳細信息。在使用該插件時,這應該對您有所幫助。
只需將target =「_ parent」放在鏈接上,它就像魅力一樣。它也可能是你第一次在你的生活中使用它。
謝謝,這個伎倆!我需要改變的唯一的事情就是將目標放在父項(Lightbox的)中的JavaScript –
聽起來不錯湯姆!很高興的事情爲你制定。 – cereallarceny
也謝謝我,這就像一個魅力,我變得非常沮喪! –