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

Question

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

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

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

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

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
并且show是display:block

只需在良好的媒体查询中将hide 更改为display:block，移动用户就会看到所有内容! (可能也必须禁用 JS)

我想轻轻地骂你，因为你没有放任何代码而且有 4k 代表 :)