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 上使用 Safari 或iPad，我怎樣才能解決這個問題？

Answer 1

沒有辦法在沒有指針設備（鼠標...）的設備上模擬hover 。 你需要一個更好地支持手機/平板電腦的用戶體驗......你應該檢查javascript艱難事件，並使用它們:-)

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');
  });