jquery - Knockout.Js 无法检测以编程方式更改的复选框状态

Question

我有一个简单的复选框，其值通过我正在编写的一些基础设施进行调整，以便在 localStorage 中保留状态。我知道这通常是通过设置 viewModel 来完成的，但是基础设施不知道任何 knockout 绑定(bind)并且无法访问它们。

我认为这不会是一个问题，因为我假设 knockout 是在“更改”事件中运行的，但是 $checkbox.prop('checked', true).trigger('checked') 无法触发我的可观察。即使直接使用点击事件也不能满足我的需要。

knockout 会连接到哪些事件？如何让它读取控件的状态？

jsbin showing this weird behavior here 。尝试直接选择复选框而不是单击按钮。

Answer 1

我找到了更好的方法。只需将此代码放入您的 domready 事件中即可:

    $("input:checkbox").bind('change', function () {
        $(this).triggerHandler('click');
    });