Solve The Double Tap Issue on iOS Devices using Jquery

jquery plugin

First, You have to confirm that your website has the meta viewport tag

<meta name="viewport" content="width=device-width, initial-scale=1"/>

After that you have to include the following jquery in your html page.By using this script you can resolve the Double Tap Issue on iOS Devices

$(document).ready(function() {
//condition check ios devices
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
   $('a').on('click touchend', function(e) {
      var el = $(this);
      var link = el.attr('href');
      window.location = link;
   });
}

});

The touchend event will redirect the browser to the target of the link. I hope this is useful for you.

Share On Facebook
Share On Twitter
Share On Google Plus
Share On Linkedin
Share On Pinterest

Be the first to comment

Leave a Reply

Your email address will not be published.

*


*