的iOS奇链接行为

我有一个奇怪的问题与iOS版在以下站点链接：的iOS奇链接行为

http://www.bllink.net/aircraftindex.asp

在“画廊”菜单，敲击下的子菜单中的链接（例如，“本尼” ）什么也没做。它看起来好像Safari将导航到新页面，但它不。

但是，如果您点击并按住，则可以按照预期在新选项卡中打开链接。

当然，该网站在桌面上运行良好。

持有链接的DIV未设置为固定位置，而是绝对位置。

任何想法？

来源

2012-12-07 jfw

没有子菜单的工作对我很好的联系。仅与子菜单的原因问题链接。 – Bot

谢谢，Bot。我已经更新了这个问题。 – jfw

它似乎与链接所在的DIV的onmouseout事件有关。如果我删除此部分： 'onMouseOut =“if（document.elementFromPoint（event.x，event.y）.id！='SubAlbum1'）document.getElementById（'SubAlbum1'）。style.visibility ='hidden' ;“' 链接正常工作，但DIV不会在鼠标移出时消失。 – jfw

摆脱JavaScript并使用CSS来完成下拉菜单。这将使您的代码更加整洁和易于阅读，并且您的网站将与JavaScript关闭的浏览器兼容。

你可以通过在CSS中使用：hover选择器来实现。

1）所以用你的菜单项或包含div的div做一个列表。

2）在css中隐藏子菜单，加入：display：none;

3）使用悬停选择器在悬停时显示它们。例如：

.menu .menubutton .submenubutton{ 
     /* selects the div or li within the class menubutton within the class menu */ 
     display: none; } .menu .menubutton:hover .submenubutton{ 
     /* uses the hover selector on the menubutton, then shows the submenu it contains */ 
     display: block; }

一个深入的解释请参见本文的csswizardry或谷歌“的CSS下拉菜单”： http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

来源

2012-12-20 15:56:58 rofavadeka

定位可以通过使menubutton相对和子菜单按钮处于绝对位置来完成。这将使您能够通过基于menubuttons位置移动它来控制子菜单按钮。 – rofavadeka

真是一种流畅的做法！仅供参考，您链接的页面中的代码需要过时，因为从旧家中转移它时会留下一些标记垃圾。我继续向你授予这个问题，虽然这并没有解决问题。我仍然不得不添加setTimeout命令来使它在我的iPhone 4上工作。 – jfw

的iOS奇链接行为

回答

相关问题