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

Question

我是KO的新手，并且开始关注数据绑定。

我有一个按钮，只有当用户收到有效的电子邮件时，该按钮才能单击。我在data-bind属性上使用“启用”以确保它是可单击的/不可单击的。不幸的是，在移动设备上，我们无法看到图标/工具提示来显示为什么无法点击。无论如何，是否要进行数据绑定，或者使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;
    }
}