Html 双击问题导航

我创建了一个响应迅速的导航菜单，但在平板电脑上，它存在“双击”问题。当您点击主标题时，它会在您单击子标题之前重新加载页面。我尝试了一些jquery插件，但它们使我的导航栏下面的Flexslider无法显示（我不知道它们是否隐藏了它或发生了什么）。有没有办法解决这个问题？谢谢

代码笔： （不幸的是，我的flex滑块没有显示在代码笔中）

$（窗口）.load（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”，
方向导航：错误，
幻灯片速度：4000，
});
});
//隐藏控制箭头的步骤
$（“#旋转木马主页”）.flexslider({
动画：“幻灯片”，
控制导航：错误，
animationLoop:false，
幻灯片放映：错误，
项目宽度：170，
项目保证金：5，
asNavFor:“#滑块”，
开始：功能（滑块）{
//默认情况下隐藏箭头。。。
$（'#slider.flex direction nav'）.css({
可见性：“隐藏”
});
//然后插入自定义JQUERY单击操作以再次显示它们
slider.find（'a'）。在（'click'，function（）上{
$（'#slider.flex direction nav'）.css({
可见性：“可见”
});
});
}//结束-开始函数
}); //端部转盘
$（“#滑块”）.flexslider({
幻灯片：错，
动画：“幻灯片”，
控制导航：错误，
animationLoop:false，
幻灯片：没错，
同步：“旋转木马主页”
}); //结束滑块

a{
-webkit过渡：颜色。3s轻松；
-moz过渡：颜色。3s轻松；
-ms转换：彩色。3s轻松；
-o-过渡：颜色。3s轻松；
过渡：颜色。3s轻松；
}
A.
a:悬停{
文字装饰：无；
}
#导航{
左边距：自动；
右边距：自动；
高度：30px；
宽度：100%；
位置：绝对位置；
z指数：2；
左：10%；
右：10%；
框大小：边框框；
/**加上这个**/
-moz框大小：边框框；
/**加上这个**/
-webkit框大小：边框框；
/**加上这个**/
-ms框尺寸：边框框；
/**加上这个**/
背景色：#4484CE；
}
#导航>a{
显示：无；
z指数：99；
}
#李海军{
位置：相对位置；
}
#李娜{
颜色：#fff；
显示：块；
}
/*一级*/
#导航>ul{
高度：30px；
/* 60 */
背景色：#93C178；
列表样式：无；
填充：0；
}
#导航>ul>li{
宽度：12.5%；
高度：30px；
浮动：左；
}
#导航>ul>li>a{
高度：30px；
字体大小：14px；
线高：2.5em；
/* 60 (24) */
文本对齐：居中；
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
文字装饰：无；
显示：块；
颜色：#FFF；
边框：1px实心#4484CE；
文本阴影：1px 1px 1px#000；
}
#导航>ul>li:悬停>a，
#导航>ul:非（：悬停）>li.active>a{
背景色：#F9CF00；
}
/*二级*/
#纳夫利乌尔{
背景色：#93C178；
显示：无；
位置：绝对位置；
最高：100%；
列表样式：无；
填充：0；
}
#李海军：悬停{
显示：块；
左：0；
右：0；
}
#导航李：不是（：第一个孩子）：悬停ul{
左：-1px；
}
#纳夫利乌拉酒店{
字体大小：14px；
/* 20 */
文本对齐：居中；
边框顶部：1px实心#4484CE；
填充：0.75em；
/* 15 (20) */
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
文字装饰：无；
显示：块；
颜色：#FFF；
边框：1px实心#4484CE；
文本阴影：1px 1px 1px#000；
字体大小：14px；
}
#导航李：悬停，
#导航li ul:不（：悬停）li.active a{
背景:#fcfc；
颜色：#465C8B；
}
////Flexslider Css////
@字体{
字体系列：“flexslider图标”；
src:url（'flex-slider/font/flexslider-icon.eot'）；
src:url（'flex slider/font/flexslider icon.eot？#iefix'）格式（'embedded-opentype'）、url（'flex slider/font/flexslider icon.woff'）格式（'woff'）、url（'flex slider/font/flexslider icon.ttf'）格式（'truetype'）、url（'flex slider/font/flexslider icon.svg#flexslider icon'）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}
/* ====================================================================================================================
*重置
* ====================================================================================================================*/
.flex容器a：悬停，
.柔性滑块a：悬停{
大纲：无；
}
.幻灯片，
.幻灯片>李，
.柔性控制导航，
.弯曲方向导航{
保证金：0；
填充：0；
列表样式：无；
}
.flex pauseplay跨度{
文本转换：大写；
}
/* ====================================================================================================================
*基本样式
* ====================================================================================================================*/
.柔性滑块{
保证金：0；
填充：0；
背景：无；
z指数：1；
}
.flexslider.slides>li{
显示：无；
-webkit背面可见性：隐藏；
}
.flexslider.slides img{
宽度：100%；
显示：块；
身高：100%；
}
.flexslider.幻灯片：在{
内容：“\0020”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0；
}
html[xmlns].flexslider.slides{
显示：块；
}
*flexslider.slides{
身高：1%；
}
.no js.flexslider.slides>li:第一个孩子{
显示：块；
}
/* ====================================================================================================================
*默认主题
* ====================================================================================================================*/
.柔性滑块{
边际：0px；
填充顶部：60px；
左侧填充：150px；
右侧填充：150px；
边框：4px实心#4484CE；
位置：相对位置；
缩放：1；
-webkit边界半径：4px；
-moz边界半径：4px；
边界半径：4px；
-webkit盒阴影：''0 1px 4px rgba（0,0,0,0.2）；
-moz盒阴影：''0 1px 4px rgba（0,0,0,0.2）；
-o-box-shadow:“”0 1px 4px rgba（0,0,0,0.2）；
框阴影：''0 1px 4px rgba（0,0,0,0.2）；
背景：无；
z指数：1
$('.has-subnav a').on('click touchstart', function(e){
    e.preventDefault();
});

<nav id="nav" role="navigation"> <a href="#nav" title="Show navigation">Show navigation</a> <a href="#" title="Hide navigation">Hide navigation</a>

<ul class="clearfix">
    <li><a href="index.html">Home</a></li>

    <li class="has-subnav"><a href="#"><span>About Us</span></a>
        <ul>
        <li><a href="principal's_message.html">Principal's Message</a></li> 
        <li><a href= "mission_and_vision.html">Mission and Vision</a></li> 
        <li><a href= "our_history.html">Our History</a></li> 
        <li><a href= "staff_directory.html">Staff Directory</a></li> 
        <li><a href= "links.html">Links</a></li> 
        <li><a href= "photo_gallery.html">Photo Gallery</a></li> 
</ul>
</li>
... etc