ボタンのクリックイベントをPartialView（MVC）にバインドする方法はありますか？

Question

私はasp.net MVCのページを作成します。このページでは、ビューとPartialView.Iはpartialviewにボタンを入れて、CountinueをViewに書き出します。

ボタン：

<button type="button" class="btn btn-warning center-block btn-large" id="Continue" onclick="Continue(this);">Continue</button> 

JS：に要素のイベントをバインドする正しい方法は何ですか

TypeError: Continue is not a function

：私はこのエラーを取得]ボタンをクリックしてください今すぐ

var Continue=function (e) { 
      e.preventDefault(); 
      if ($('#FieldsetCharterFlightsReturn article').size() < 1) { 
       if (validateDeparturef(e)) { 
        $("#CharterFlightsForm").submit(); 
       } 

      } 
         if ($('#FieldsetCharterFlightsReturn article').size() > 0) { 
       if (validateDeparturef(e) && validateArrivalf(e)) { 
        $("#CharterFlightsForm").submit(); 
       } 
      } 
     }; 

PartialView？

Answer 1

使用以下のパターン削除：

<button type="button" class="btn btn-warning center-block btn-large" id="Continue" onclick="module.Continue(event);">Continue</button> 

(function($, module) { 

    module.Continue=function (e) { 
     e.preventDefault(); 
     if ($('#FieldsetCharterFlightsReturn article').size() < 1) { 
      if (validateDeparturef(e)) { 
       $("#CharterFlightsForm").submit(); 
      } 

     } 
     if ($('#FieldsetCharterFlightsReturn article').size() > 0) { 
      if (validateDeparturef(e) && validateArrivalf(e)) { 
       $("#CharterFlightsForm").submit(); 
      } 
     } 
    }; 

}(jQuery, module= window.module|| {})); 

Answer 2

醜いインラインクリックハンドラではなく、jqueryバインドイベントを使用しているため、このイベントを使用しているためです。

$(function(){ 
    $('#Continue').on('click', Continue); 
}) 

OR、イベントの委任に

$(document).on('click', '#Continue', Continue); 

を使用して、インラインonclick="Continue(event);"ハンドラ