                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

我想实现点击切换active，实现不了

求帮忙，不知道哪里错了

arlenhui

2015-06-16

源自：玩转Bootstrap（基础） 5-16

关注问题我要回答

7640

操作

收起

5 回答

iRoo
2015-06-16

通过这种方法得到的都是原生对象list[i\j]，所以.attr/.on什么的都没有

0 回复有任何疑惑可以回复我~

#1

arlenhui 提问者

我该怎么做呢？

2015-06-16 回复有任何疑惑可以回复我~

#2

arlenhui 提问者

我明白了

2015-06-16 回复有任何疑惑可以回复我~

#3

zhanghongjie 回复 arlenhui 提问者

怎么做？？就有active效果了？？

2016-08-12 回复有任何疑惑可以回复我~

查看1条回复

慕无忌8030376
2017-07-29

<script>
    $(function(){
        $(".nav li").click(function(){
            $('.nav li').removeClass("active");
            $(this).addClass("active");
        });
    })
</script>

4 回复有任何疑惑可以回复我~

#1

为什么切过去一闪而过又回去了

2018-01-11 回复有任何疑惑可以回复我~

694473412
2016-09-06

<script>

var $list = $("#list_1>li");

function changeList(index){

$list.each(function(num){

$($list[num]).attr("class",null);

})

$($list[index]).addClass("active");

}

$list.each(function(index){

$(this).on('click',function(){

changeList(index);

})

})

</script>

0 回复有任何疑惑可以回复我~

#1

arlenhui 提问者

用eq好一点

2016-09-10 回复有任何疑惑可以回复我~

qq_小白_7
2016-01-03

<script>
   
     window.onload=function(){
      var ul=document.getElementById("list_1")
      var li=ul.getElementsByTagName("li")
      for(i=0;i<li.length;i++){
       
          li[i].onclick=function(){
              for(j=0;j<li.length;j++){
                  li[j].className=""
              }
          this.className="active"
          }
      }
     }
      
  </script>

2 回复有任何疑惑可以回复我~

iRoo
2015-06-16

你遍历出来的原生DOM对象没有.on方法

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

2 回答在DW实现不了

2 回答路径不对吗，实现不了

2 回答如何实现类似于这种评论，问答，笔记这种切换效果？切换不同标题显示不同界面

5 回答为什么下拉菜单实现不了

1 回答想要radio出现焦点效果时，标签能够并列在一行，怎么实现

搜索更多本课相关问答

我想实现点击切换active，实现不了

我要回答关注问题

意见反馈帮助中心 APP下载