【问题标题】:fancyBox not displaying properlyfancyBox 无法正常显示
【发布时间】:2023-03-05 20:24:01
【问题描述】:

我已尝试在下面列出的页面中实现 fancyBox,但是,在单击时未生成灯箱。

我在下面的示例中正确调用并生成了 fancyBox,但单击锚元素时它似乎没有启动。

http://jsfiddle.net/jodriscoll/Xf7qf/

jQuery(document).ready(function() {
    jQuery(".fancyBox").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});

如您所见,我称其为 fancyBox 的精简版本,并且所有正确的 CSS 样式/类关联均已正确构建。

如果我错过了什么,请告诉我在哪里,然后礼貌地称我为白痴:)

谢谢!

【问题讨论】:

  • 快速说明,我在其中使用的幻灯片的最后两张幻灯片将启动 fancyBox (#&panel-10 / #&panel1-11)。
  • 它在 chrome 中为我工作
  • 遇到 j​​avascript 错误。您是否使用 jquery 查找并替换了 $?此行 slider.jQuerycontrols.find('img').tooltip();给出了一个错误。我将其更改为 slider.$controls.find('img') 并且没有错误。通过 jsfiddle 中的 iframe 在另一个 url 上启动视频将不起作用。看看修复该行是否可以解决您的问题。另一个 javascript 错误,是没有工具提示。
  • when I reference the jquery.fancybox.pack.js version, the fancyBox does not initiate :您可能需要检查您的路径(或使用绝对路径)
  • 我设法让它发挥作用,但是,fancyBox 在 IE8 中不起作用。知道为什么会这样吗? massgeneral.org/international/dev/full-screen.aspx

标签: jquery fancybox colorbox anythingslider


【解决方案1】:

打开文件 'jquery.fancybox-1.3.4.pack.js' 并将单词“body”替换为“form”。那里有两个字“身体”。 感谢tuyenbui。

这个页面也解决了这个问题:Fancybox - ASP.NET button not working

【讨论】:

  • 感谢您的建议!不过,我不再为这个客户工作,但我会传递这些信息。
【解决方案2】:

它可能在 IE8 中不起作用,因为 thumbs 数组的末尾有一个逗号。 IE8+ 是严格的,不喜欢尾随逗号。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-06-12
    • 2014-01-16
    • 1970-01-01
    • 1970-01-01
    • 2020-06-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多