Question

我的fancybox按钮出现问题，我有一个启动iframe的按钮，这是按钮的代码：

<a class="fancybox fancybox.iframe btn btn-green" href="url.php?id=45">Open More Information</a>

你可以看到它有4个类，前2个打开fancybox，最后2个为我的css。我想看到的是，当你点击按钮，btn-green类删除时，你可以看到你已经点击了它。

$('.fancybox.iframe').fancybox({
    arrows: false,
    padding: 0,
    helpers: {
        overlay: {
            locked: false
        }
    },
    beforeShow: function () {
        $("body").css({
            'overflow-y': 'hidden'
        });
    },

    afterClose: function () {
        $("body").css({
            'overflow-y': 'visible'
        });
        $(this).removeClass("btn-green");
    }
});

但它不起作用，有人可以帮助我吗？感谢adventage。

Answer 1

首先，您需要将fancybox绑定到.fancybox 类而不是.fancybox.iframe，如解释here（第2和第3位）

其次，你可以在任何fancybox回调中使用this来引用 this.element ，所以请尝试：

afterClose: function () {
    if (this.element.hasClass("btn-green")) {
        this.element.removeClass("btn-green");
    }
}

参见 JSFIDDLE

Fancybox与另一个事件

1 个答案: