Hướng dẫn bootstrap active class on click - bootstrap lớp hoạt động khi nhấp chuột

Những điều sau đây không hiệu quả với tôi

$("#homeL").on("click",function(){
  $(".nav navbar-nav li").removeClass("active");
  $(this).addClass("active");
});

Josh Crozier

224K53 Huy hiệu vàng378 Huy hiệu bạc298 Huy hiệu đồng53 gold badges378 silver badges298 bronze badges

Đã hỏi ngày 19 tháng 3 năm 2014 lúc 21:05Mar 19, 2014 at 21:05

0

Cập nhật

Bộ chọn CSS của bạn dường như sai. Vui lòng thử như được đưa ra dưới đây,

Tôi đã tạo ra một plunkr cho điều này ở đây

Đã trả lời ngày 19 tháng 3 năm 2014 lúc 21:41Mar 19, 2014 at 21:41

TharakatharakaTharaka

2.2951 Huy hiệu vàng19 Huy hiệu bạc22 Huy hiệu đồng1 gold badge19 silver badges22 bronze badges

3

Thử cái này:

$("ul li").on("click", function() {
    $("li").removeClass("active");
    $(this).addClass("active");
  });

Bạn sẽ phải chơi xung quanh với nó với các thẻ đã cho của bạn. Điều giúp tôi là tuyên bố điều này để trở nên hoạt động, sau đó loại bỏ lớp hoạt động.

Đã trả lời ngày 18 tháng 5 năm 2016 lúc 7:30May 18, 2016 at 7:30

Một trong những bộ chọn của bạn bị dị dạng, bằng cách nhìn vào HTML của bạn, có vẻ như trên dòng thứ ba của tập lệnh mà bộ chọn không làm những gì tôi nghĩ bạn muốn nó.

$("#homeL, #workL").click(function(){

  //$(".nav navbar-nav li") <-this is looking for a 
 inside a   
  // tag inside a tag with the class "nav"

  $(".nav.navbar-nav li").removeClass("active");
  $(this).addClass("active");
});

Đã trả lời ngày 19 tháng 3 năm 2014 lúc 21:38Mar 19, 2014 at 21:38

Mark Fmark fMark F

Phù hiệu bằng đồng 17677 bronze badges

    $(".ul li").on("click", function() {
        $(this).siblings().removeClass('active');
        $(this).addClass("active");
    });

Đây là giải pháp làm việc cho tôi. Tôi đã tuyên bố điều này để trở thành hoạt động và xóa lớp hoạt động và cũng thêm phương thức .Siblings () cho phép bạn tìm kiếm anh chị em của các phần tử Li trong tài liệu.

Đã trả lời ngày 6 tháng 11 năm 2017 lúc 9:39Nov 6, 2017 at 9:39

1

Bao gồm kịch bản này

Đã trả lời ngày 8 tháng 1 năm 2018 lúc 7:58Jan 8, 2018 at 7:58

SANTHOSH.SJSANTHOSH.SJSANTHOSH.SJ

1651 Huy hiệu vàng2 Huy hiệu bạc 6 Huy hiệu Đồng1 gold badge2 silver badges6 bronze badges

Tôi tìm thấy một cách giải quyết khác cho việc này rất dễ sử dụng.

  

     

       
"> id="homeL">Home
       
">About
       
"> id="workL">Work
       
">Contact
    
  

Đã trả lời ngày 16 tháng 10 năm 2019 lúc 18:39Oct 16, 2019 at 18:39

Làm thế nào để bạn thêm lớp hoạt động trên sự kiện nhấp vào danh sách tùy chỉnh?

Làm thế nào để bạn thực hiện một liên kết hoạt động khi nhấp vào?

Làm cách nào để thêm một lớp hoạt động động vào một trang đã chọn?

Bootstrap lớp hoạt động là gì?