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

Is it possible to use trigger hover as a toggle for mobile?

问题:

有可能做这样的事情吗?我需要在点击移动设备时触发悬停事件,然后在您点击相同的 div/element.

时将其关闭
$(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

您应该修改您的 css 以使用 "hovered" class(事实上您可以使用任何您想要的 class):

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

并将您的 jquery 修改为:

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