jQuery - Fancybox：放大缩略图后我无法隐藏图像

Question

我想从服务器获取图像并在网站中动态显示。然后我可以在点击时放大它。我的代码适用于IE，但它不适用于firefox：

$('.fancybox').fancybox();

/*
 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
 */

$('.fancybox-thumbs').fancybox({
    prevEffect : 'none',
    nextEffect : 'none',

    closeBtn  : false,
    arrows    : false,
    nextClick : true,

    helpers : {
        thumbs : {
            width  : 50,
            height : 50
        }
    }
});

修改
用于上传图像的ajax代码如下：

function ajaxFileUpload() {
$.ajaxFileUpload({
    url : 'upload', 
    secureuri : false, 
    fileElementId : 'file1',
    type : 'post',
    dataType : 'HTML', 
    success : function(data, status) 
    {
        var arr=new Array(); 
        arr = data.split(",");

        $("#div_Image").append("<a class='fancybox-thumbs' data-fancybox-group='thumb' href='" + arr[1] + "'><img src='" + arr[0] + "' alt='' /></a>"); 
        $("#file1").removeAttr("required");
        if (typeof (data.error) != 'undefined') {
            if (data.error != '') {
                alert(data.error);
            } else {
                alert(data.msg);
            }
        }
    },
    error : function(data, status, e)
    {
        alert(e);
    }
})
return false;}

如果我将它用作静态方法，它会再次起作用。那样：

    <a class='fancybox-thumbs' data-fancybox-group='thumb' href='1441863951636.jpg'><img src='small_1441863951636.jpg' alt='' /></a>

我知道应该有一些错误，但我无法弄明白。伙计们可以帮我解决问题。