Javascript iPad上的悬停js功能不'；t形开关

在桌面上，当鼠标悬停在一个

div

上时，一些覆盖层会向下滑动，OK

但在我的iPad上，它可以在触摸屏上工作，但当再次触摸时，它不会切换

第一次单击后，覆盖div始终可见

$('.side').hover(
    function(){
        $(this).find('.txt').slideDown(250); //.fadeIn(250)
    },
    function(){
        $(this).find('.txt').slideUp(250); //.fadeOut(250)
    }
); 

我举了一个例子：

---

你知道如何解决ipad的这个问题吗？切换功能？

你需要通过触摸事件支持实现自定义的

悬停功能。在这种情况下，看起来这样就足够了：

$('.side').on({
    'mouseenter mouseleave touchstart': function(e) {
        var $txt = $(this).find('.txt'),
            type = e.type == 'mouseenter' || (e.type == 'touchstart' && !$txt.is(':visible'));
        $txt[type ? 'slideDown' : 'slideUp'](250);
    }
});

如何准确定义触摸设备上的“悬停”事件？你是否期望你的代码是通灵的，并对用户的手指悬停在显示器上做出反应？PS：这是toggle，不是trogglelol从来不知道这是toggle，一直认为这是troggle:）我需要悬停来切换覆盖。这是可能的吗？只要看看悬停事件意味着什么：光标悬停在一个元素上，而没有与它交互。触摸设备没有光标，用户使用他们的手指。每当它们与元素交互时，都会触摸元素（~=单击）。如果将鼠标悬停在界面上，则没有交互，因此没有需要处理的事件。谢谢您的解释。我明白它为什么不起作用。dfsq给出了修复此问题的答案。您知道如何在我的show hide javascript函数中执行此操作吗？（我不是编码员）你的尝试是正确的。只需确保
页面
在
里面。弹出它
。啊，它不是，很好的发现。我现在可以用了。因为我有一个css pop-it:hover alpha 0风格的pop-it在切换后在ipad上不再可见。所以我想我需要在我的js中添加这个。我将为此制作一个新的帖子。谢谢