JQuery спусковой механизм не работает, как ожидалось

Question

Я получил эту

$('input[type=radio][name="voucher_type"]').live('change', function() { 
//stuff here 
}); 

Так что, когда радио-кнопка нажата, вещи случаются. Радиокнопка находится в пределах div, который оформлен как большая кнопка с фоновым изображением и т. Д.

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

$('div.voucher_box').click(function(){ 
    $(this).children('input').attr("checked", "checked"); 
    $(this).closest("input").trigger('click'); 
}); 

Я надеялся, что когда класс ДИВЫХ voucher_box щелкают, он бы вызвать щелчок/событие изменения на радиокнопке и запустить весь код, который запускается при изменении радиостанций.

Может ли кто-нибудь увидеть, что случилось? Благодарю.

Answer 1

Если вы связали change событие, то вы должны вызвать change событие, но не click:

$('div.voucher_box').click(function() { 
    $(this).children(":radio").prop("checked", true).trigger("change"); 
} 

Обратите внимание, что начиная с JQuery версии 1.7, метод .live() осуждается. Для присоединения обработчиков событий вы должны использовать .on().