Question

在我的网站上，我有一个两个fancybox实例

当有人点击div时打开YouTube视频
当有人访问网站25秒后打开时事通讯弹出窗口。

问题是当有人点击div并开始观看视频时，如果同时传递25秒，它将打开简报弹出窗口并关闭已经打开的视频弹出窗口。这会给任何有解决方案的网站用户带来糟糕的体验吗？

以下是fancybox实例

视频弹出式jquery

jQuery("#yblock").click(function() {
jQuery.fancybox({
        'padding'       : 0,
        'aspectRatio'         : true,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'title'         : this.title,
        'width'     : 780,
        'height'        : 500,
        'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
        'type'          : 'swf',
        'swf'                   : {
             'wmode'        : 'transparent',
            'allowfullscreen'   : 'true'
        },
        helpers                  : {
            'overlay': {
            'locked': false
                       }
        }

时事通讯popup jquery

jQuery(function ($) {
setTimeout(function () {
                beginNewsletterForm();
            }, 25000);
});

function beginNewsletterForm() {
    jQuery.fancybox({
        'padding': '0px',
        'autoScale': true,
        'transitionIn': 'fade',
        'transitionOut': 'fade',
        'type': 'inline',
        'href': '#newsletter_popup',
        'onComplete': function () {
            $.cookie('newsletter_popup', 'shown');
        },
        'tpl': {
            closeBtn: '<a title="Close" class="fancybox-item fancybox-close fancybox-newsletter-close" href="javascript:;"></a>'
        },
        'helpers': {
            overlay: {
                locked: true
            }
        }
    });
    jQuery('#newsletter_popup').trigger('click');
}

如果第一个fancybox已经打开，我想阻止第二个fancybox打开

Answer 1

对不起我以前的英语。对于使用相同插件（fancybox）一次打开2模式可能会导致操作冲突。您可以尝试使用fancybox打开视频框，然后打开包含bootstrap modal或其他插件的简报框。可能这有帮助。感谢

当另一个fancybox实例已经打开时，防止第二个fancybox打开

1 个答案: