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

【问题标题】：Disable jQuery hover within CSS Media Query在 CSS 媒体查询中禁用 jQuery 悬停
【发布时间】：2011-07-14 05:01:45
【问题描述】：

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

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

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

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

【问题讨论】：

最好使用 JavaScript 来实现这一点，尽管您可能无法使用与媒体查询完全相同的条件进行检测...

标签： jquery css media-queries

【解决方案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

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

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

【讨论】：

责骂赞赏。我认为这更像是一个概念问题，而不是实际的代码问题 :)
我唯一的问题是我不确定你真正想要什么。