javascript - 压缩 Javascript/jQuery 代码

Question

首先，我要感谢任何可以帮助我压缩这段 Javascript/jQuery 代码的人。

        jQuery(function() {

            jQuery('#pitem-1').click(function(e) {
                jQuery("#image-1").lightbox_me({centered: true, onLoad: function() {
                    jQuery("#image-1").find("input:first").focus();
                }});

                e.preventDefault();
            });        

            jQuery('#pitem-2').click(function(e) {
                jQuery("#image-2").lightbox_me({centered: true, onLoad: function() {
                    jQuery("#image-2").find("input:first").focus();
                }});

                e.preventDefault();
            });

            jQuery('#pitem-3').click(function(e) {
                jQuery("#image-3").lightbox_me({centered: true, onLoad: function() {
                    jQuery("#image-3").find("input:first").focus();
                }});

                e.preventDefault();
            });

            jQuery('table tr:nth-child(even)').addClass('stripe');
        });

基本上每个#pitem-ID都会在弹出窗口中打开相同的#image-ID。

再次感谢任何可以提供帮助的人。

jack

Answer 1

您的函数看起来几乎相同，这表明您应该将该功能移至可以调用的函数中:

function createHandler(id) {
    return function (e) {
        $(id).lightbox_me({centered: true, onLoad: function() {
            $(id).find("input:first").focus();
        }});

        e.preventDefault();
    }
};

然后你可以使用:

 $('#pitem-2').bind('click', createHandler("#image-2"));