零基础建站培训介绍

当前位置:

怎么实现超链接点击一次不跳转,点击二次才跳转

我们制作手机网站时,手机网站的菜单中有二级菜单时,用户点击含有二级菜单的导航应该先展开二级菜单,再点击时才跳转到链接地址。实现这种效果需要对超链接进行控制,实现超链接点击一次不跳转,点击二次才跳转。

实现超链接点击一次不跳转,点击二次才跳转的效果,一般是通过JS来控制的。代码如下:


<script type="text/javascript">
$(document).ready(function(){
$(".meau a").click(function(){ //id为cat_nav下的a
if(this.className == 'on'){
return true;
}else{
return false;
}});
});
</script>

代码解释:

JS控制菜单中的超链接A标签,当A标签不含有on这个class时,点击不跳转,当A标签含有on这个class时,点击跳转。

 

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注