【问题标题】:how to change url to be as fancybox inner url如何将url更改为fancybox内部url
【发布时间】:2015-01-19 12:05:47
【问题描述】:

我使用facybox 2.1.5 显示iframe,我需要url
和fancybox里面的url一样,需要动态的。

例如,如果我在fancybox 中打开www.wikipedia.com,我的url 应该是 www.wikipedia.com,如果在维基百科中我会点击其他链接,我的url 必须在不刷新页面的情况下正确更改(www.wikipedia.com/something)。

更新,当我关闭fancybox时,我的网址将恢复正常。

**假设,在维基百科中 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;
                }

            });

【问题讨论】:

标签: javascript jquery url fancybox fancybox-2


【解决方案1】:

document.getElementById("FrameID").src 此函数可用于从 i-frame 中获取 url。您可以使用此函数返回的值更新您的 url。

您可以使用函数返回的 url 更改作为触发器

var _url
_url = document.getElementById("FrameID").src;
function do(){
   if(_url != document.getElementById("FrameID").src){
        //update url here
   }
   setTimeOut("do()",1000);
}

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2016-07-03
  • 2014-06-21
  • 1970-01-01
  • 2017-04-28
  • 1970-01-01
  • 2021-03-19
  • 2011-06-18
  • 2018-12-04
相关资源
最近更新 更多