Global navigation fix for iPad is effecting other links on the site

Question

Hi,
We have a deployed a fix to make our global navigation work properly in iPad as per the below link
http://tommdaly.wordpress.com/2011/11/10/ootb-navigation-fix-to-support-ipad-i-devices/
This link gives us below code.
$(document).ready(function(){
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
$(".s4-tn .menu-horizontal ul.root li.dynamic-children a.dynamic-children").bind('touchstart',function(e){
var position = $(this).next().position();
if(eval(position.left < -1)) {
$(this).click(function(c){
c.preventDefault();
else {
var location = $(this).attr("href");
window.location = location;
This will allow you to touch once to open a menu item that has children. Touching that menu item again would navigate to that node.
However, the above code does the solution for all the links in the Site. For all the other links in the Site, we have to click twice to navigate to the URL.
We do not want that. The fix should work only for global navigation links. For all other links, the redirection should happen on the first click itself.
Any help would be appreciated.
Regards,
Vijay

Answer 1

Using the IE Developer Toolbar, check the DOM structure of the top navigation global navigation links and make sure that only the immediate children is selected.
$(".s4-tn .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item").bind
Branding Common Elements in SharePoint 2013
This post is my own opinion and does not necessarily reflect the opinion or view of Slalom.