悬停需要双击才能在Safari iOS上工作

jQuery .hover requires double click in order to work on Safari iOS

本文关键字：Safari iOS 工作 双击 悬停      更新时间：2023-09-26

我有以下js:

$(".t-gallery a").hover(
      function () {
        $(this).append("<div class='cover'><i class='fa fa-search-plus'></i></div>");
    },
    function () {
        $('div', this).remove(".cover");
    }
    );

基本上，它会在图像上添加一个封面（当从pc上悬停时），然后打开图库，问题是使用这个js需要用户双击才能打开图库，如果他们在iPhone或iPad上使用Safari，我该如何解决这个问题？

没有办法在没有定点设备（鼠标…）的设备上模拟hover。您需要提供更好地支持手机/平板电脑的用户体验。。。您应该检查javascript强硬事件，并使用它们：-）

试试这个：

 $(".t-gallery a").hover(
      function () {
        $(this).append("<div class='cover'><i class='fa fa-search-plus'></i></div>");
    },
    function () {
        $('div', this).remove(".cover");
    }
    ).on('touchstart',function(){
    $(this).trigger('click');
  });
相关文章：