Gist to bypass all hover events for elements with .hover-bypass on touch devices

javascript-hover-bypass.js

/*
 * Usage:  add class of .hover-bypass to all element with
 *         hover effects that aren't intended for touch
 *         users
 * Credit: Something https://github.com/chrisblackburn wrote
 */

/* Coffee */

(($) ->
  if typeof window.ontouchstart isnt "undefined"
    $(".hover-bypass").live "mouseover", ->
      $(this).click()
      false

) jQuery

/* JS */

(function($) {
  if (typeof window.ontouchstart !== 'undefined') {
    return $('.hover-bypass').live('mouseover', function() {
      $(this).click();
      return false;
    });
  }
}(jQuery));