如何在fancybox中单击关闭按钮返回确认？

Question

我要在正在编辑的fancybox中单击按钮时提示确认消息

closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',

fancybox.js中的这段代码就像

closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;" onClick="return confirm(\'Are you sure?\')"></a>',

这显示了确认对话框，但同时在是/否上都返回true.Fancybox正在关闭。

Answer 1

您可以简单地使用：beforeClosing方法来做到这一点：

$(".fancyTrigger").fancybox(
       {
        'beforeClose' : function() {
        return window.confirm('Close?');
       }
  });

看看这个小提琴：

http://jsfiddle.net/5EV8r/826/

有关更多信息：

请查看我们的http://fancyapps.com/fancybox/文档部分。

Answer 2

尝试这样的事情。
closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;" onClick="return makesure();"></a>',

外出功能

function makesure(){return confirm('Are you sure?');}

Answer 3

我自己做的，我在fancybox.js中更改了一些代码

if (current.closeBtn) {
                $(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
                    e.preventDefault();
                    F.close();
                });
            }

至

if (current.closeBtn) {
                $(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
                    e.preventDefault();
                    if(confirm('Are you sure?')){
                         F.close();
                    }
                });
            }