Событие checkbox .change() не запускается внутри jQuery .when()

Question

У меня есть две функции ajax, которые извлекают объекты JSON с использованием .getJSON, а затем создают таблицу и раскрывающееся меню, используя содержимое этих объектов. Это очень хорошо работает. Теперь я пытаюсь прикрепить событие к каждому из флажков, расположенных в первом столбце таблицы. Естественно, я хочу, чтобы это произошло после того, как были сделаны вызовы ajax. Функция .when() JQuery кажется хорошим решением в том смысле, что она будет ждать завершения обеих функций ajax. Ниже мой код. Я не уверен, что я сделал не так. По какой-то причине предупреждение внутри функции .when не срабатывает. Может кто-нибудь указать, что я сделал неправильно?

$(document).ready(function() { 

$.when(createSpotsTable(), createMarketDropDown(1)) 
$('input:checkbox').click(function() { 
    $('input:checkbox').change(
     alert("Hello world!") 
    ); 
}); 

}); 

Answer 1

Кажется, что в вашем коде отсутствуют некоторые вещи. Например, вы не регистрируете обратный вызов для объекта, возвращаемого $.when. Это означает, что при завершении Ajax-вызовов код не будет выполняться. Вместо этого $('input:checkbox').click(...) будет выполнен немедленно.
Возможно, вы думаете, что $.when блокирует выполнение, но это не так. Посмотрите на documentation.

Кроме того, вы присваиваете значение возврата из alert как обработчик события, но вы должны пройти функцию к .change.

Я думаю, что вы хотите:

$.when(createSpotsTable(), createMarketDropDown(1)).done(function() { 
    $('input:checkbox').change(function() { 
     alert("Hello world!") 
    }); 
}); 

Но вы не должны использовать $.when, вы можете просто использовать делегации событий:

createSpotsTable(); 
createMarketDropDown(1); 

$(document).on('change','input:checkbox', function() { 
    alert("Hello world!") 
}); 

Answer 2

Использование живого события,

jQuery.getJSON('xyz.com',function(){ 
    $('input:checkbox').live('click',function() { 
    // Do you processing. 
    }) 
});