在Jquery中调用有问题的函数

Question

这有效：

$("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;
});

但这不是

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;
});

非常感谢任何帮助

Answer 1

这有用吗？

(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);