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代表：）

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

1 个答案: