ドキュメントの変更と準備完了イベントでトリガーする単一のJquery関数を書く方法

Question

私がやっていることは、ドキュメントがロードされた後でも、要素値のいくつかが変更されたときでもこの関数を呼び出すことです。 document.ready()イベントとdocument.change()について、同じコードを2度書くことなくこれを行う方法があれば、私はさまよっていました。

$(document).on("change", "#holiday-editor input[name=StartDate],input[name=EndDate]", function() { 
    that.UpdateDays(); 
    if ($("#holiday-editor input[name=StartDate]").val() == $("#holiday-editor input[name=EndDate]").val() && $("#holiday-editor input[name=StartDate]").val() + $("#holiday-editor input[name=EndDate]").val() != "") { 
     $("#IsHalfDay").show(); 
    } else { 
     $("#IsHalfDay").hide(); 
     $("input[name=HalfDay]").removeAttr("checked"); 
     $("#amPM").hide(); 
     $("#HalfDayAP").val(""); 
    } 
}); 

私が基本的に必要とするのは、フォーム上の既存の値を実行して変更する前に、この値をチェックすることです。

Answer 1

は次のように使用します。

var changeFn = function() { 
    that.UpdateDays(); 
    if ($("#holiday-editor input[name=StartDate]").val() == $("#holiday-editor input[name=EndDate]").val() && $("#holiday-editor input[name=StartDate]").val() + $("#holiday-editor input[name=EndDate]").val() != "") { 
     $("#IsHalfDay").show(); 
    } else { 
     $("#IsHalfDay").hide(); 
     $("input[name=HalfDay]").removeAttr("checked"); 
     $("#amPM").hide(); 
     $("#HalfDayAP").val(""); 
    } 
}; 

$(document).on("change", "#holiday-editor input[name=StartDate],input[name=EndDate]", changeFn); 

、あなたはreadyまたはいつでもあなたが望むにもchangeFn()を呼び出すことができます。