javascript - 是否可以将触发悬停用作移动设备的切换？

Question

问题:

有可能做这样的事情吗？我需要在点击移动设备时触发悬停事件，然后在您点击相同的 div/元素时将其关闭。

$(function () {
     $('.grid-sarah').click(function () {
       $( '.grid-sarah' ).toggle(.trigger( "hover" ));
     });
});

回答:

添加请求后

$(function () {
     $('.grid-sarah').click(function () {
       $(this).toggleClass("hovered");
     });
});

我加了

    if (!("ontouchstart" in document.documentElement)) {
document.documentElement.className += " no-touch";
}

我的脚本和

.no-touch figure.effect-sarah:hover > figcaption h2, figure.effect-sarah.hovered > figcaption h2{}

到我的 css 以便切换悬停仍然有效，并且 :hover 将停止。

非常感谢 - zachzurn

Answer 1

您应该修改您的 css 以使用“悬停”类(事实上，您可以使用任何您想要的类):

.grid-sarah:hover, .grid-sarah.hovered{ /* Your CSS */ }

并将你的 jquery 修改为:

$(function () {
     $('.grid-sarah').click(function () {
       $(this).toggleClass("hovered");
     });
});