如何編寫單個Jquery函數來觸發文檔更改和就緒事件

Question

我想要做的只是在文檔加載後調用此函數，而且每次元素值更改時都調用此函數。如果有一種方法可以做到這一點，而無需兩次寫入同一段代碼，則我正在遊蕩，對於document.ready()事件和document.change()。

$(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); 

，你可以打電話給你想要的changeFn()也ready或每當。