的fancybox与另一事件

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"); 
    } 
}); 

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

Answer 1

首先，需要结合的fancybox到的.fancybox类和不.fancybox.iframe所解释here（第2号和3）

其次，使用this.element任何的fancybox的内部可以参考this回调所以尝试：

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

见JSFIDDLE