javascript - 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”来绑定(bind)事件