jQuery $ el.trigger ('change') не запускает собственных слушателей
Рассмотрим следующий HTML:
o1
o2
И JavaScript (выполняется на готовом документе):
var $select = $('select');
var select = $select.get(0);
function logger(msg) {
return function () { console.log(msg); };
}
$select.on('change', logger('jquery on select'));
$(document).on('change', logger('jquery on document'));
select.addEventListener('change', logger('native on select'), false);
document.addEventListener('change', logger('native on document'), false);
setTimeout(function () {
console.log(' == programmatic ==');
$select.trigger('change');
console.log(' == now try manual ==');
}, 1000);
Это приводит к следующему выводу в консоли:
== programmatic ==
jquery on select
jquery on document
== now try manual ==
jquery on select
native on select
jquery on document
native on document
Вопрос в том, почему не слушают слушателей с родным языком? Как заставить их называться?
Вот'также jsFiddle:http://jsfiddle.net/PVJcf/
(Используя jQuery 2.0.2)