JQuery:trigger()没有调用相关的目标

Question

trigger()由于单选按钮值来自第三方api,我在加载所有页面内容后用于检查单选按钮.

我默认选中了一个选项.所以我用trigger()事件来检查单选按钮.单选按钮也有点击事件.

在我的代码中,只有单选按钮被选中但事件未触发.我的代码是......

jQuery(document).ready(function($) {
    jQuery("#btn_03").attr('checked', 'checked');

    jQuery("#btn_03").trigger("change");

    jQuery(".class input[type='radio']").live("change", function($) {
        alert("clicked");
    });
});

Answer 1

您需要在触发事件之前分配事件处理程序.

当您实际触发事件时,您仍然没有为该事件附加任何侦听器.你是在下一行做的.因此事件change确实被触发但该事件没有任何反应.

你可以这样做

jQuery(document).ready(function($) {
    jQuery("#btn_03").attr('checked', 'checked');

    jQuery(".class input[type='radio']").on("change", function($) {
        alert("clicked");
    });

    jQuery("#btn_03").trigger("change");
});

根据最新的jQuery文档,也可以使用"on"绑定事件而不是"live"