jQuery триггер не срабатывает с bind() или on() для пользовательских событий

Question

Может ли кто-нибудь сказать мне, почему этот код не работает?

$('body').on('test', function() { 
    alert('test'); 
}); 

$('body').trigger('test'); 

Я использую Jquery-1.7.2.min. Я не получаю никаких ошибок, просто ничего не происходит.

Я попытался поместить код внутри встроенного скрипта внутри $(document).ready() и все еще ничего. Я также пробовал и on(), и bind() и ни результата. Я вижу примеры на всем протяжении, демонстрируя один и тот же синтаксис, так что же с ним другое?

Answer 1

Оказывается, проблема заключается в том, что DOM как-то готовится. Размещение кода внутри встроенного скрипта не сработало. Размещение его внутри $('document').ready() будет работать с анонимной функции, но по какой-то причине не вызов функции с «()» .. Этот код работал

$(document).ready(start); 
function start(){ 
$('body').on('test', function() { 
    alert('test'); 
}); 

$('body').trigger('test'); 
} 

Но это не ... * обратите внимание на вызов функции скобка.

$(document).ready(start()); 
function start(){ 
$('body').on('test', function() { 
    alert('test'); 
}); 

$('body').trigger('test'); 
} 

Точную пример работает в обоих направлениях на jsfiddle, но по какой-то причине только один способ работает на моем сервере. На мой взгляд, возникает вопрос о том, почему, но, по крайней мере, мы можем видеть, что этот код действительно работает, есть какая-то странная аномалия с моими вещами:/

Answer 2

Try делегация:

$(document).on('test', 'body', function() { 
    alert('test'); 
}); 

$('body').trigger('test'); 

Это работает как в прямом эфире() используется для. http://api.jquery.com/live/