Ipad Hover/click Issue

I have my HTML code as; Link Now the JS code previously was; $('.menuLink').mouseover(function(){ //code for show()

Solution 1:

jQuery documentation says that $(selector).hover(handlerIn, handlerOut) is just a shortcut for using $(selector).mouseenter(handlerIn).mouseleave(handlerOut).

That means there is no mouseover()/mouseout() event binded to the object and maybe the mobile browser doesn't handle it correctly for the other 2 events (that is mouseenter()/mouseleave()).

Try replacing your code to this:

$this.mouseover(function(){ // over
        $this.data("timer", setTimeout(show, 500));
    }).mouseout(function(){ // out
        $this.data("timer", setTimeout(hide, 500));
    }
)

Let me know if that does the trick.

Solution 2:

Mobile devices does not support mouse hover event and also does not support double click event