[英]how to change url to be as fancybox inner url
我正在使用facybox 2.1.5
顯示一個iframe
,我需要url
與fancybox中的url相同,它必須是動態的。
例如,如果我在fancybox中打開www.wikipedia.com
,則我的url
應為www.wikipedia.com
,如果在Wikipedia中,我將單擊其他一些鏈接,而我的url
必須正確更改而不刷新頁面( www.wikipedia.com/something
)。
更新 ,當我關閉fancybox時,我的網址將恢復正常。
**假設,在Wikipedia中, url
和內容在不斷變化而沒有刷新( ajax
)。
這是我的一些代碼:
$('.fancybox').fancybox
({
type: "iframe",
padding: 0,
fitToView: false,
autoSize: false,
'scrolling' : 'no',
wrapCSS: 'fancybox-custom',
closeClick: true,
openEffect: 'none',
helpers:
{
title: {
type: 'inside'
},
overlay:
{
css:
{
'background': 'rgba(238,238,238,0.85)'
}
}
},
beforeShow: function ()
{
this.width = '60%';
this.height = ($('.fancybox-iframe').contents().find('body').height()) + 500;
}
});
document.getElementById("FrameID").src
此函數可用於從i框架獲取URL。 您可以使用此函數返回的值更新網址。
您可以將函數返回的網址更改用作觸發器
var _url
_url = document.getElementById("FrameID").src;
function do(){
if(_url != document.getElementById("FrameID").src){
//update url here
}
setTimeOut("do()",1000);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.