Jquery中有问题的函数调用

这项工作：

$("a.lightbox").click(function (e) {
    //var heading = $(this).attr('rel')
    // hide scrollbars!
    $('body').css('overflow-y', 'hidden')
    $('body').css('overflow-x', 'hidden');
    $('<div id="lightbox_overlay"></div>').appendTo('body');    
    return false;
});

$（“a.lightbox”）。单击（函数（e）{
//变量标题=$（this.attr（'rel'））
//隐藏滚动条！
$（'body'）.css（'overflow-y'，'hidden'））
$（'body'）.css（'overflow-x'，'hidden'）；
$（''）。附于（'正文'）；
返回false；
});

但事实并非如此

function showImage(){
    $('body').css('overflow-y', 'hidden')
    $('body').css('overflow-x', 'hidden');
    $('<div id="lightbox_overlay"></div>').appendTo('body');
}

$("a.lightbox").click(function (e) {
    showImage();
    return false;
});

函数showImage（）{
$（'body'）.css（'overflow-y'，'hidden'））
$（'body'）.css（'overflow-x'，'hidden'）；
$（''）。附于（'正文'）；
}
$（“a.lightbox”）。单击（函数（e）{
showImage（）；
返回false；
});

任何帮助都将不胜感激

这有用吗

(function($) {

    function showImage() {

        $("body").css({

            "overflow-y" : "hidden",
            "overflow-x" : "hidden" 

        });

        $('<div id="lightbox_overlay"></div>').appendTo("body");

    }

    $("a.lightbox").click(function(e) {

        e.preventDefault();
        showImage();

    });

})(jQuery);

（函数（$）{
函数showImage（）{
$（“正文”）.css({
“溢出-y”：“隐藏”，
“溢出-x”：“隐藏”
});
$（''）。附于（“正文”）；
}
$（“a.lightbox”）。单击（函数（e）{
e、 预防默认值（）；
showImage（）；
});
})（jQuery）；

这行吗

(function($) {

    function showImage() {

        $("body").css({

            "overflow-y" : "hidden",
            "overflow-x" : "hidden" 

        });

        $('<div id="lightbox_overlay"></div>').appendTo("body");

    }

    $("a.lightbox").click(function(e) {

        e.preventDefault();
        showImage();

    });

})(jQuery);

（函数（$）{
函数showImage（）{
$（“正文”）.css({
“溢出-y”：“隐藏”，
“溢出-x”：“隐藏”
});
$（''）。附于（“正文”）；
}
$（“a.lightbox”）。单击（函数（e）{
e、 预防默认值（）；
showImage（）；
});
})（jQuery）；