javascript - input change()事件失效-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - input change()事件失效

ringa_lee 2017-04-10 16:58:11

[JavaScript讨论组]

341

在html里写了input的change()方法是有效的，移到jsp页面就change()事件就失效了，这是怎么回事？

$(".form_datetime").change(function(){
    var ctime=sysDate();
    var time=$(this).val();    
    var att=$(this).attr("id");
    if (time>ctime) {
        alert("所选日期超出查询范围，不能选择大于今天的日期!");
        $("#"+att).val(ctime);    
        $('.datepicker').datepicker('show');
        $(".active").removeAttr("class","active");
        $(".today").attr("class","active day");    
    }
});

ringa_lee

全部回复(2)

阿神2017-04-10 17:00:11 2楼

可能是异步了，就是$(".form_datetime")这个元素并没有绑定上change事件

解决方法，用“on”来绑定事件。

$("body").on("change",".form_datetime",callback)

赞 +0

添加回复

高洛峰2017-04-10 17:00:11 1楼

初步判断你的BUG应该是因为DOM是动态加载的问题，后来加入的DOM并未绑定事件
两种方法
1、动态页面确保代码运行的时候DOM已经载入完毕
2、代码修改为

$('body').delegate('.form_datetime', 'change', function () {
  var ctime = sysDate(),
    time = $(this).val(),
    att = $(this).attr('id');
  if (time > ctime) {
    alert('所选日期超出查询范围，不能选择大于今天的日期!');
    $('#' + att).val(ctime);
    $('.datepicker').datepicker('show');
    $('.active').removeAttr('class', 'active');
    $('.today').attr('class', 'active day');
  }
});

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>