jQuery.on ('change') not firing

Question

Я работаю над большим приложением, в котором много JS-модулей. В одном из них используется этот код:

var tinput = tmpl.find('[name="Filter[TravelTime][Selected]"]'); 
tinput.val(ui.value); 
tinput.trigger('change'); 

Он просто меняет значение скрытого ввода и состояния «изменения силы» на нем.

В другой части у меня есть эта простая функция:

$('body').on('change', selectorSlider, function(){ 
console.log('fired'); 
}); 

, что он должен сделать, это показать журнал, когда изменяется значение входного - но это не срабатывает. Я попытался также таким образом:

$(selectorAvailableHolder).find(selectorSlider).on('change', function(){...} 

Также нет успеха. Единственный способ сгореть случай является использование чистого .onchange:

$(selectorAvailableHolder).find(selectorSlider).get(0).onchange = function() {...} 

И это работает ... кроме одной проблемы - selectorSlider не всегда доступна на документе готов (генерируется из АЯКС запроса и кэшируются, поэтому он работает при кэшировании - поскольку он доступен прямо на stert, но не когда он не кэшируется - так как мне нужно ждать ответа ajax, который занимает несколько секунд).

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

В коде могут быть какие-то опечатки, так как я нахожу его прямо здесь (без доступа к оригиналинному коду прямо сейчас).

selectorSlider определяется следующим образом:

var selectorSlider = '[name="Filter[TravelTime][Selected]"], [name="Filter[FlightTime][Selected]"]'; 

Answer 1

Попробуйте это:

var tinput = tmpl.find('[name="Filter[TravelTime][Selected]"]'); 
tinput.val(ui.value); 
$('body').trigger('change:filter', [ tinput ]); 

на теле

$('body').on('change:filter', function(event, tinput){ 
    console.log(tinput, 'fired change'); 
}); 

Answer 2

попробовать это:

$(selectorAvailableHolder).on('change', selectorSlider, function(){...} 

удачи !!