javascript - 如何编写单个 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()。