View Full Version : Anylink drop down menu help

07-03-2013, 03:15 PM
I have a problem with the Anylink drop down menu

When I click on a link that has rollover image, it does not open the link on IOS devices. It only opens if you open in new tab.
It works fine on internet explorer, chrome, safari.

this is my code:

<a class="menuanchorclass" rel="anylinkmenu4" data-image="images/nav_lecsa.gif" data-overimage="images/nav_lecsb.gif"><img border="0" src="images/nav_lecsa.gif" width="140" height="31">

<a href="bio.htm" class="menuanchorclass" rel="anylinkmenu2" data-image="images/nav_bioa.gif" data-overimage="images/nav_biob.gif"><img border="0" src="images/nav_bioa.gif" width="140" height="31">

so the first one has a drop down that works fine, but the second one is a direct link without drop down. the first one works, the second doesnt on IOS devices. I tried on safari app and chrome app on iphone and ipad. Doesnt open link unless open in new tab.

Any help?

07-03-2013, 04:52 PM

Warning: Please include a link to the DD script(s) in question in your post. See this post (http://www.dynamicdrive.com/forums/showpost.php?p=7) for more information.

That's especially important with this one because there are at least two current versions of anylink (the javascript/css one and the pure javascript one) and many older versions of both of those.

Without checking I don't know whether or not either is rated for IOS devices.

From what you say though, if this link has no drop down, it shouldn't be a part of the anylink menu anyway. It can be styled identically and positioned to look like it's a part of the menu, but not by using the anylink class or classes or anything else that makes it an official part of the anylink menu, because that's probably what's making it unclickable (untapable) in IOS.

If you're lucky, simply getting rid of:


from the one that has no drop down will fix it.

Otherwise, change the class name as well, you can have identical style properties for the other class name to make it look like it belongs.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If that's not enough, here's a menu that should work for IOS:


If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.