Knockout 数据绑定仅适用于台式机/笔记本电脑

Question

我是 KO 的新手，我正在研究数据绑定。

我有一个按钮，只有在用户拥有有效电子邮件时才能点击。我在数据绑定属性上使用“启用”来确保它是可点击/不可点击的。不幸的是，在移动设备上，我们看不到图标/工具提示来说明为什么它不可点击。无论如何要进行数据绑定，或者使 attr 特定于您使用的设备类型？ 下面的 HTML。

<button class="button" data-bind="click: $parent.send, enable: userHasEmail">

谢谢

Answer 1

这是可能的（您可以使用 Bowser 等库），但更简单的解决方案是使用 CSS 媒体查询并仅在移动设备上显示错误消息。

类似这样的：

<div class="error-message mobile-only" data-bind="hidden: userHasEmail">
    <!-- error message here -->
</div>

然后像这样为笔记本电脑/台式机隐藏它：

@media (min-width: 1025px) {
    .mobile-only {
        display: none;
    }
}