-1

不知道有什么问题，但在 FF 中，视频一直在播放。当您在fancybox 之外单击时，所有其他浏览器都会关闭……嵌入的Youtube 视频也将停止播放。Firefox 似乎忽略了这一点。我究竟做错了什么？

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

    });
    $("#fancy_content").empty();

    $(document).ready(function() {
        /*
         *  Simple image gallery. Uses default settings
         */

        $('.fancybox').fancybox();

        // Change title type, overlay closing speed
        $(".fancybox-effects-a").fancybox({
            helpers: {
                title : {
                    type : 'outside'
                },
                overlay : {
                    speedOut : 0,
                    opacity: 0.3,
                    css: {'background-color': '#cdc3b7'}
                }
               }
                 });
                 });
4

1 回答 1

0

  • 您不必.fancybox两次初始化同一个选择器。换句话说，您不必这样做：

    $(".fancybox").fancybox({
   // options
});

    ... 然后 ：

    $(".fancybox").fancybox();

  • #fancy_content不是有效的花式框选择器（至少不适用于 v2.x）

  • $("#fancy_content").empty();在.ready()方法之外。无论如何都是无用的，如上所述。

  • callbackOnClose不是有效的 API 选项（afterClose如果需要，请改用）

  • 该脚本在跨浏览器上运行良好：

    $(".fancybox").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
        /*
        // yo don't need this
        ,
        callbackOnClose: function() {
          $("#fancy_content").html(" ");
        }
        */
    });

...正如您在此JSFIDDLE中看到的那样。确保使用 FF 对其进行测试（适用于我的 FF v17.0.1）

于 2012-12-08T00:08:19.993 回答