jQuery .hover需要双击才能在Safari iOS上运行

Question

我有以下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，我该如何解决这个问题？

Answer 1

无法在没有指点设备（鼠标......）的设备上模拟hover。您需要使用更好地支持手机/平板电脑的UX ...您应该检查javascript tough events，并使用它们： - ）

Answer 2

试试这个：

 $(".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');
  });