我有一个名为Flexy menu的响应菜单,它非常棒。但我遇到的问题是,当菜单加载到移动设备上(并且没有鼠标)时,我遇到了一个冲突,父链接上存在href,但这也有一个打开子菜单的onClick事件。参见下面的示例,链接"体验瑞典"也打开了"游览瑞典"的下拉菜单,但就在菜单打开时,href将其重定向到另一个页面
<ul class="flexy-menu">
<li><a href="index" >Home</a><li>
<li><a href="experience-sweden" >Experience Sweden</a>
<ul>
<li><a href="touring-sweden">Touring Holidays</a>
</ul>
</li>
我想解决方案是以某种方式忽略第一次点击,所以基本上将href设置为#,然后在点击后更新为实际的href。然而,让它变得困难的是,菜单是完全动态的,并且是从数据库中提取的,所以我猜javascript必须有一些PHP漏洞。如有任何建议,不胜感激。
我建议您不要将onClick事件应用于锚点标记,而是将其应用于span标记。
所以
- 在"父"锚点内放置span标记
- 在span标记上应用onClick事件
- 使用css将span标记设置为箭头样式