Line 5: | Line 5: | ||
<head> | <head> | ||
<link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/hovereffect?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/hovereffect?action=raw&ctype=text/css"> | ||
+ | |||
+ | <!-- circumvent hover non function on iOS devices source: https://stackoverflow.com/questions/2851663/how-do-i-simulate-a-hover-with-a-touch-in-touch-enabled-browsers --> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('.hover').bind('touchstart touchend', function(e) { | ||
+ | e.preventDefault(); | ||
+ | $(this).toggleClass('hover_effect'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
</head> | </head> | ||
Revision as of 18:12, 2 August 2016