[英]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.