如何在fancybox中点击关闭按钮确认?

时间:2015-11-20 06:16:48

标签: javascript jquery fancybox

我想在我正在编辑的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>',

这显示了confiration对话框,但是yes / no都返回true.Fancybox正在关闭。

3 个答案:

答案 0 :(得分:2)

您只需使用:beforeClosing方法:

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

看看这个小提琴:

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

更多信息:

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

答案 1 :(得分:0)

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

在外面提供功能

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

答案 2 :(得分:-1)

我自己做了 我改变了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();
                    }
                });
            }