jQuery Fancybox 触发器无法正常工作

Question

我在页面加载时自动打开 fancybox，为此，我在页面内使用带有隐藏 link 的触发方法，问题是 fancybox 弹出窗口加载但缺少覆盖，只是覆盖不是开幕.

我正在使用 fancyBox v2.1.5

这是我正在使用的代码

$(".login_signup_lb").fancybox({
    maxWidth: 450,
    autoSize: true,
    fitToView: true,
    openEffect: 'none',
    closeEffect: 'none',
    closeBtn: false,
    helpers: {
        overlay: {
            css: {
                'background': 'rgba(0, 0, 0, 0.6)'
            }
        }
    }
}).trigger("click");

这是隐藏在页面中的html代码

<a id="login_signup" class="login_signup_lb fancybox.ajax" href="fileurl.html" style="display:none;">
  Lightbox
 </a>

Answer 1

创建后尝试触发fancybox

$(".fancybox.ajax").eq(0).trigger('click');

Here 是 jsfiddle

jQuery Fancybox 触发器无法正常工作

jQuery Fancybox trigger not working properly

html

javascript

css

jquery

fancybox-2