第一层的type为ifram，href用的是url;第二层的type为inline，内容是在页面上的，href用的是id;第三层的type也是inline，href是一个url，当我想弹出这个url指定的内容时，把第二层覆盖掉了，这个要怎么解决呢？不让它覆盖

回复内容：

第一层的type为ifram，href用的是url;第二层的type为inline，内容是在页面上的，href用的是id;第三层的type也是inline，href是一个url，当我想弹出这个url指定的内容时，把第二层覆盖掉了，这个要怎么解决呢？不让它覆盖

javascript – Fancy Box 2 – 点击窗口跳到顶部

这是我第一次在项目中为我实现fancybox.我已将图像与链接分开.因此,当您将鼠标悬停在图像上时,会出现查看大图像的链接.那里的一切都很好.我的问题是,当点击链接时,窗口会一直跳跃/滚动到顶部.我已经使用jquery通过使用preventDefault来禁用它的默认操作,但这并没有解决我的问题.有什么建议？您可以在www.labpixls.com看到我想要完成的任务

我需要尽快解决这个问题.我正在创建一个wordpress主题,我打算给wp社区.

解决方法:

问题是fancybox会更改正文的溢出值以隐藏浏览器滚动条.这实际上可以通过fancybox 2中的帮助程序来完成.

$('.image').fancybox({
  padding: 0,
  helpers: {
    overlay: {
      locked: false
    }
  }
});

javascript – Fancybox afterClose事件无效

我在关闭后使用fancybox API时遇到问题.

我点击这个时打开该功能：

<ahttps://www.jb51.cc/tag/fancybox/" target="_blank">fancybox fancybox.iframe btn" href="myurl.PHP"></a>

这背后的JavaScript是：

$('.fancybox.iframe')
    .fancybox({
    arrows: false,
    padding: 0,
    overlay: {
        locked: false
    },
    beforeClose: function () {
        location.reload();
    }
});

当我关闭它时它永远不会重新加载页面.有人能帮助我吗？谢谢 ！

解决方法:

一些澄清,以避免进一步混淆：

基于你的HTML

<ahttps://www.jb51.cc/tag/fancybox/" target="_blank">fancybox fancybox.iframe btn" href="myurl.PHP"></a>

>使用afterClose回调(而不是事件)而不是beforeClose.进一步参考检查Tips & Tricks => 11号
>类fancybox用于将选择器绑定到fancybox,因此初始化代码应如下所示

jQuery(document).ready(function ($) {
    $('.fancybox').fancybox({
        arrows: false,
        padding: 0,
        helpers: {
            overlay: {
                locked: false
            }
        },
        afterClose: function () {
            location.reload();
        }
    });
}); // ready

>(有效)fancybox.iframe类告诉fancybox它应该处理的内容类型,但是你不使用它来将选择器绑定到fancybox.

见JSFIDDLE

注意：这适用于fancybox v2.x

今天关于javascript – 如何在新版本的fancybox中隐藏标题作为默认和js隐藏标签的讲解已经结束，谢谢您的阅读，如果想了解更多关于javascript - fancybox插件如何跳出frameset框架的限制，显示略小于屏幕大小的弹框？、javascript - jquery插件 fancybox弹出窗层叠问题、javascript – Fancy Box 2 – 点击窗口跳到顶部、javascript – Fancybox afterClose事件无效的相关知识，请在本站搜索。