仅为 desktop/laptop 启用 Knockout 数据绑定

Question

我是 KO 的新手，正在了解数据绑定。

我有一个按钮，只有当用户有一个有效的电子邮件时才可以点击。我在数据绑定属性上使用 'enable' 以确保它是 clickable/unclickable。不幸的是，在移动设备上我们看不到 icon/tool-tip 来说明为什么它不可点击。无论如何进行数据绑定，或者使 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>

然后为 laptops/desktops 隐藏它，如下所示：

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

仅为 desktop/laptop 启用 Knockout 数据绑定

Knockout data-binding enable only for desktop/laptop

knockout.js