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

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以使用＆＃34; hovered＆＃34; class（事实上你可以使用你想要的任何类）：

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

并将你的jquery修改为：

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