如何判断是否是 knockout.js 禁用了元素而不是其他东西？答案

【问题标题】：How to tell if it is knockout.js that is disabling element and not something else?如何判断是否是 knockout.js 禁用了元素而不是其他东西？
【发布时间】：2014-07-07 17:12:06
【问题描述】：

我有一个使用 Jquery Mobile UI 分页的页面，其中分页导航阻止可能由多个来源控制（我不能 100% 确定这是不是真的，但请听我说）。有 viewmodel isValid() 方法，如果模型无效 knockout.js enable 绑定应该禁用导航控件。我看到的是 isValid() 返回 true 但控件仍然处于禁用状态。
我如何判断它是否是忽略 isValid 函数更改的淘汰赛绑定？可能还有另一个那里有禁用按钮的机制，但在我去寻找它之前，我想确保 knockout.js 是功能性的。
在下面的屏幕截图中，我打印了相关值。

【问题讨论】：

如果您知道您的视图模型在全局名称空间中的注册位置（即 window.myViewModel），您可以随时从控制台切换 observable 以查看它是否重新启用它
作为一般提示：您不应该在绑定中放置任何代码（您可以这一事实并不意味着您应该） .当然不是全部功能。使用计算的可观察对象和自定义绑定，您的视图不应包含业务逻辑。

标签： javascript jquery jquery-mobile knockout.js google-chrome-devtools

【解决方案1】：

enable binding-handler 所做的所有事情都会切换元素的disabled 属性以及删除disabled 属性（启用时已评估为真）。

查看它是否有作用（在 Inspector 中）的最简单方法是添加 disabled 属性并观察它的变化：

<a disabled="disabled" data-role="button" data-bind="...">
    ....
</a>

见KO source。

【讨论】：

它确实删除了它，所以我猜淘汰赛工作正常。谢谢。