为了账号安全,请及时绑定邮箱和手机立即绑定

求帮忙看看我的代码哪里有问题,最后一步的点击添加class无法实现

求帮忙看看我的代码哪里有问题,最后一步的点击添加class无法实现

Tax1 2017-02-25 12:04:51
<ul class="nav-wrap"> <li class="nav-bar"><a class="current" href="javascript:void(0)">首页</a></li> <li class="nav-bar"><a href="javascript:void(0)">公司</a></li> <li class="nav-bar"><a href="javascript:void(0)">一拍</a></li> <li class="nav-bar"><a href="javascript:void(0)">言职</a></li> <li class="nav-bar"><a href="javascript:void(0)">大鲲</a></li> </ul> $(document).ready(function(){ var bar=$(".nav-bar>a"); bar.each(function(){ if (!$(this).hasClass("current")) { $(this).mouseenter(function(){ $(this).addClass("current"); }); $(this).mouseout(function(){ $(this).removeClass("current"); }); }; bar.click(function(){ bar.removeClass("current"); $(this).addClass("current"); }); }); });
查看完整描述

2 回答

已采纳
?
习惯受伤

TA贡献885条经验 获得超1144个赞

代码没有问题,看你的jquery是不是引入正确。

查看完整回答
1 反对 回复 2017-02-25
  • Tax1
    Tax1
    但是前面的移入移除和removeClass都有效果,就只有点击添加class无效,应该不是jq引入的问题吧
  • 习惯受伤
    习惯受伤
    哦,如果是这个问题,我认为是mouseenter事件和click事件冲突了,鼠标移入元素但是没点击前已经触发了mouseenter事件,应该是事件阻止冒泡了。
  • Tax1
    Tax1
    噢有可能!那是不是要想办法让click执行的时候不执行if条件,我尝试把click事件放到if前面但是也不行。请问可以提供一个思路吗?我本来也是自学中的菜鸟。
点击展开后面2
?
西兰花伟大炮

TA贡献376条经验 获得超318个赞

看不懂这个代码有什么意义

查看完整回答
反对 回复 2017-02-25
  • 2 回答
  • 0 关注
  • 1381 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信