javascript - $(document).on 用于自定义事件

Question

我正在使用ajax。因此，要在 ajax 请求后保持表单元素正常工作，它必须使用以下代码

$(document).ready(function() {    
  $(document).on("change", "#my-chk", function(){
          $("#my_id input[type=checkbox]").prop('checked', this.checked);
        });

    $(document).on("click", "#add-account", function(){
           $.get('/my_url', function(data){ 
             alert(data);
          });
        });
});

但是，我应该怎么做才能使以下事件处理程序在 ajax 请求后以与上面相同的方式工作？

$("#my-date-range-picker").daterangepicker(
      {
          ranges: { //.... }
      },
      function(start, end) { //.... }
    );

Answer 1

请注意，您必须放置一个自定义事件（在本例中为pick-range）来触发您的daterangepicker. 但这就是事件委托的美妙之处，无论绑定如何，它始终可用

$(document).on('pick-range', '#my-date-range-picker', function(e){
   $(e.currentTarget).daterangepicker(
     {
      ranges: { //.... }
     },
     function(start, end) { //.... }
   );
});

// trigger it
$('#my-date-range-picker').trigger('pick-range');

http://jsfiddle.net/DZz8R/