jQueryでのfunctionの使い方

Question

同一処理を関数としてまとめたいのですが、
どのように変えたらよいのか分からないので助けてください。

(function($) {
    $(function(){
            処理A・・・                   
　　});

    $('#btn_next').on('click',function(){
      処理B・・・  
      処理A・・・  
    });

                                 
})(jQuery);

最初に画面を表示した時は処理Aのみ動くのですが、
btn_nextをクリックしたときに、処理Bをしてから処理Aをしたいのですが、
処理Aが長いため、共通関数を作って呼び出したいです。

jQuery初心者で、書き方がわからないので教えて欲しいです。

Answer 1

( function( $ ) {
    function a () {
            // 処理A・・・                   
　　};
    $( a );
    $( '#btn_next' ).on( 'click', function() {
      // 処理B・・・  
      a();// 処理A・・・  
    } );
} )( jQuery );

Answer 2

JavaScript(jQuery)でメソッドを定義するにはfunction メソッド名(引数)で定義できます。
定義したメソッドを呼び出すにはメソッド名(引数)で呼び出します。

//メソッドを呼び出している
処理A();

$('#btn_next').on('click',function(){
　処理B
　//メソッドを呼び出している
　処理A();
});

//メソッドを定義している部分
function 処理A(){
};

Comments

[mi37]

ありがとうございます。うまくできました。