jquery - 複数の関数の Jquery コード

Question

リンクがクリックされたときにロードした次のコード：

$('.ops .menu .panel a').on('click',function(){
                        $('.ops .lay').css('opacity',0.1).load($(this).attr('href'), function(){ $('.ops .lay').css('opacity',1) });
                        $(this).parent().parent().find('a').removeClass('active'); $(this).addClass('active');
                        return false
                    });

このコードも別のロード機能に組み込みたいです。繰り返す必要がありますか、それとも別の方法がありますか。どこかに保管できますか？

Answer 1

関数を変数として保存し、両方の場所から参照します。

var myFunction = function() {
    $('.ops .lay').css('opacity',0.1).load($(this).attr('href'), function(){ 
        $('.ops .lay').css('opacity',1) 
    });

    $(this).parent().parent().find('a').removeClass('active'); 
    $(this).addClass('active');
    return false;
};

$('.ops .menu .panel a').on('click', myFunction);

// i assume by "load function" you meant document ready, but you get the idea
$(document).ready(myFunction);