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

来源:5-16 导航(标签形tab导航)

arlenhui

2015-06-16 11:35

求帮忙,不知道哪里错了

写回答 关注

5回答

  • iRoo
    2015-06-16 13:31:19
    已采纳

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

    arlenh... 回复zhangh...

    attr改成setAttribute

    2016-08-13 01:57:06

    共 4 条回复 >

  • 慕无忌8030376
    2017-07-29 11:53:43
    <script>
        $(function(){
            $(".nav li").click(function(){
                $('.nav li').removeClass("active");
                $(this).addClass("active");
            });
        })
    </script>


    慕少8243...

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

    2018-01-11 20:39:25

    共 1 条回复 >

  • 694473412
    2016-09-06 14:41:59

    <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>

    arlenh...

    用eq好一点

    2016-09-10 15:28:11

    共 1 条回复 >

  • qq_小白_7
    2016-01-03 12:42:19
    <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>


  • iRoo
    2015-06-16 13:27:28

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

玩转Bootstrap(基础)

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

314544 学习 · 2275 问题

查看课程

相似问题