【问题标题】:jQuery fancyBox not working with caption scriptjQuery fancyBox 不能使用字幕脚本
【发布时间】:2013-10-23 17:06:17
【问题描述】:

大家好 :)

我使用 jQuery fancyBox 显示图像/视频库,使用 Capty 脚本在图像上显示图像标题。

现在我结合了两个脚本,但停留在一个点。当图像上显示标题时,fancyBox 不起作用。可能是覆盖了 fancyBox HTML 元素。

我的示例:http://goo.gl/puFzeW

如果有人可以帮助我,我将不胜感激。 :)

谢谢。

【问题讨论】:

    标签: jquery html css fancybox fancybox-2


    【解决方案1】:

    将此添加到您的 css 中

    .capty-caption {
        pointer-events:none;
    }
    

    小提琴:http://jsfiddle.net/zMQXt/8/

    要使其在 IE 上运行,请使用插件

    https://github.com/kmewhort/pointer_events_polyfill

    【讨论】:

    • 非常好,但是这在 IE 上不起作用(我相信版本 10 及更低版本),如果您关心跨浏览器兼容性,这是一个问题(您应该这样做。) OP 仍然需要一个javascript 后备解决方案。
    • @JFK 添加了解决方案 :)
    • @Manish 嘿,你能解释一下如何在这个例子中使用Pointer Events Polyfill。我面临同样的问题。我已经检查了这个小提琴,但在 IE 中不起作用。
    • @Rajnikanth 下载并在您的页面中使用它 (github.com/kmewhort/pointer_events_polyfill/blob/master/…) 。然后在 Document ready 中粘贴这一行 PointerEventsPolyfill.initialize({}); .我在使用 js 后检查了 Internet Explorer 的工作情况
    • @Manish 嗨,我创建了另一个JSFiddle,并且我在 IE9 中进行了检查,但灯箱无法正常工作。你能看看我的 JSFiddle。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-30
    • 2013-12-01
    • 1970-01-01
    相关资源
    最近更新 更多