Question

I’m working with jQuery Mobile, trying to unbind hover from links – long story short, this is an abbreviated form of what I’m trying.

When the link is hovered over the ui-btn-up class for that link is removed and ui-btn-hover is added (i.e. the styling is not changed via the hover pseudo class in css, instead a new class is added programmatically, if that’s the right way of putting it). Anyway, that’s what I don’t want to occur – would rather the styling stay the same. Have found a few questions posted here that seemed to hover close to this issue (see what I did there?), but trying the suggestions hasn’t worked. Would appreciate any advice.

Answer 1

You can do something like this, but this is more a workaround/hack

$('li').bind('mouseover', function(){
   return false;
});

http://jsfiddle.net/7H8Dx/4/