Пользовательское событие не запускается при вызове из $ (document) .ready();

Question

У меня есть следующий код

$(document).ready(function() { 

    VerifyCustomerFilter(); 

    $("#ToDateStor").on("DateSet", function() { 
     ... 
    ); 

    function VerifyCustomerFilter() { 
    if(toDate != "")  
     $("#ToDateStor").trigger('DateSet'); //This does not work 
    } 
} 

Когда условие, что у меня есть в функции «VerifyCustomerFilter()» истинно не может вызвать пользовательское событие я создал.

Но когда я вызвать событие в событии моего DatePicker он прекрасно работает: См

$("#calTo").datepicker({ 
     showButtonPanel: false, 
     onClose: function (dateText, inst) { 
      var ToDate = $(this).val().toString(); 
      $('#ToDateStor').html(ToDate).trigger('DateSet'); // This works! 
     } 
}); 

Также уже пытались использовать triggerHandler().

Что я должен делать неправильно?

Answer 1

Вы вызывая ваше событие, прежде чем связать слушатель к элементу, попробуйте

$(document).ready(function() { 
    // add the listener 
    $("#ToDateStor").on("DateSet", function() { 
     ... 
    }); 

    // define the function 
    function VerifyCustomerFilter() { 
     if(toDate != "")  
      $("#ToDateStor").trigger('DateSet'); //This does not work 
     } 
    } 

    // call the function 
    VerifyCustomerFilter(); 
}); 

Answer 2

$(document).ready(function() { 

function VerifyCustomerFilter() { 
    if(toDate != "")  
     $("#ToDateStor").trigger('DateSet'); //This should work now 
    } 


    $("#ToDateStor").on("DateSet", function() { 
     ... 
    ); 
    //First bind the event,then call it 
    VerifyCustomerFilter(); 

} 

Вы называли эту функцию, перед переплетом события.