响应菜单问题-如何在移动环境中处理HREF和onclick事件

我有一个名为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漏洞。如有任何建议，不胜感激。