Пользовательские события в jQuery

Question

Я пытаюсь использовать пользовательские события jQuery. При загрузке DOM я связываю body с настраиваемым событием test с использованием $.on(). Сразу после этого я запускаю это событие, и все работает так, как планировалось. Однако в любой другой момент, когда я запускаю событие (при обратном вызове, с консоли и т. Д.), Ничего не происходит. Я написал jsfiddle, чтобы проиллюстрировать эту ситуацию. Есть идеи?

$(function(){ 
    $('body').on('test', function(){ 
     alert('test triggered'); 
    }); 
    $('body').on('click', '.btn', triggerTest); 
    $('body').trigger('test');  
}); 

var triggerTest = function(){ 
    $('body').trigger('test'); 
} 

http://jsfiddle.net/vgEzD/

Answer 1

Ваш заказ является неправильным. Это работает:

var triggerTest = function(){ 
    $('body').trigger('test'); 
} 

$(function(){ 
    $('body').on('test', function(){ 
     alert('test triggered'); 
    }); 
    $('body').on('click', '.btn', triggerTest); 
    $('body').trigger('test');  
}); 

Живая демонстрация:http://jsfiddle.net/simevidas/vgEzD/3/

Видимо JQuery выполняет DOM готовый обработчик сразу и в этой точке, функция triggerTest еще не назначен. Итак, вы хотите создать глобальные переменные, сделайте это над готовым обработчиком.

Btw, в вашем jsFiddle, выполняется «onLoad». Это означает, что код JavaScript выполняется в окне «load», и в этот момент DOM готов уже произошел, поэтому jQuery выполняет код немедленно.