jquery - 在 CSS 媒体查询中禁用 jQuery 悬停

Question

我知道我可能无法在 CSS 文件中执行 jQuery。但这是我的难题：

我有几个带有叠加层的 div。在桌面上，用户将鼠标悬停在覆盖层上，它会向上滑动显示内容。

在移动设备上，没有悬停状态（优雅地实现）。我如何使用我现有的媒体查询逻辑来禁用这些特定 div 上的 jQuery 悬停？

欢迎任何建议，甚至是解决此问题的替代方法？

Answer 1

您的代码在运行时很可能看起来像这样：

<div id="container">
    <div class="item show" />
    <div class="item hide" />
    <div class="item hide" />
    <div class="item hide" />
    <div class="item hide" />
</div>

隐藏类似于display:none
并显示存在_display:block

只需在良好的媒体查询中将隐藏更改为display:block移动用户即可看到所有内容！（可能也必须禁用 JS）

我想轻轻地责骂你没有放任何代码并且有 4k 代表:)