Home / Html / Javascript / Jquery

Dealing With Mouseenter And Mouseleave On The IPad

August 11, 2022 Post a Comment

I have a typical looking drop down menu that is hidden by default but by the following jQuery magic

Solution 1:
Working example: http://jsfiddle.net/qgrt5/

Edit: The below code will now check if the user is coming from an iPad, and if they are, it will use the click function instead of the mouseenter
Baca Juga
```
var isiPad = navigator.userAgent.match(/iPad/i) != null;

if (isiPad) {
    $(".navNew li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
        $(this).toggleClass('hover');                                       
    });
}
else {
  $(".navNew li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
        $(this).toggleClass('hover');                                       
   });
}
```

Post a Comment for "Dealing With Mouseenter And Mouseleave On The IPad"