使用fancybox运行$ .ajax,成功时关闭窗口

时间:2012-02-02 13:07:41

标签: javascript jquery ajax fancybox

我目前正在为一个网站制作一个CMS,其中一个功能是用户可以动态裁剪图像,他们在fancybox实例中执行此操作,所有细节都可以通过控制器通过ajax,在成功裁剪图像时,我想自动关闭花哨的盒子实例,但是我似乎无法让窗口关闭,下面是我的代码,

$("#crop").submit(function(e){
    $.ajax({
        type    :   "POST",
        dataType:   "json",
        url     :   $(this).attr('action'),
        data    :   "x="+$("#x").val()+"&y="+$("#y").val()+"&x2="+$("#x2").val()+"&y2="+$("#y2").val()+"&w="+$("#w").val()+"&h="+$("#h").val()+"&isAjax=1&crop_image=Crop",
        success:function(json) {
            if(json.message == "Image Cropped") {
                $.fn.fancybox.close();
            }
        }
    });
    e.preventDefault();
});

运行此代码可以正常工作,直到$.fancybox.close()我收到此错误

  

$。fn.fancybox.close不是函数

如何在成功的ajax请求中关闭fancybox?

1 个答案:

答案 0 :(得分:1)

我很确定它是:

$.fancybox.close();