jQuery 触发器无法按预期工作

Question

我有这个

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

因此，当单击单选按钮时，事情就会发生。单选按钮位于 div 中，该 div 样式为带有背景图像等的大按钮。

问题是，用户会点击图片，并期望它点击按钮。我不能使用标签，我知道它会检查收音机，所以我尝试了以下代码：

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

我希望当单击 div 类凭证_box 时，它会触发单选按钮上的单击/更改事件并触发所有在单选按钮更改时运行的代码。

谁能看出有什么问题？谢谢。

Answer 1

如果你绑定了change事件，那么你必须触发change事件而不是click：

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

请注意，从 jQuery 版本 1.7 开始，.live() 方法已被弃用。您应该使用.on() 附加事件处理程序。