javascript - JQuery Onchange 事件不适用于生产环境，但适用于我的本地实例

Question

$("#time-popup").change(function (event) {
    if (document.getElementById("time-popup") != null) {
        document.getElementById("popup_Billed_").value = document.getElementById("time-popup").value;
    }
});

虽然点击时间弹出文本框没有触发任何事件。甚至没有警报

alert($("#time-popup"));

请推荐

Answer 1

首先你可以像下面这样用 jQuery 编写所有内容(不需要注释代码)

$(document).ready(function(){
    $("#time-popup").change(function (event) {
        /*if ($("#time-popup").length > 0) { */
            $("#popup_Billed_").val($("#time-popup").val());
       /*}*/
       // above if condition not required because you are 
       //running this code for onchange event of time-popup 
       // only so no need to check if it exist or not.
    });
});

检查 html 的控制台错误，并确保页面的 View 源中不应该存在任何重复的 time-popup ID 或 popup_Billed。

此外，如果时间弹出窗口是动态创建的，那么您应该使用 .on() 绑定(bind)更改事件

 $(document).ready(function(){
    $(document).on("change","#time-popup",function (event) {
         $("#popup_Billed_").val($("#time-popup").val());
    });
});