Hướng dẫn bootstrap list active on click - danh sách bootstrap hoạt động khi nhấp

Tôi có 3 tùy chọn để chọn.

Có một lớp active cho khi nhấp nhưng khi tôi nhấp vào, nó không thay đổi thành thứ 2 hoặc thứ 3 option.

Có bất kỳ chức năng tích hợp bootstrap nào nếu không thì làm thế nào tôi có thể nhận được điều này trên nhấp chuột:

    
        
WordPress Theme Pro
        
$ 15.00
    


    
        
WordPress Theme Premium
        
$ 25.00
    


    
        
WordPress Theme Agency
        
$ 35.00
    
  

Đã hỏi ngày 16 tháng 2 năm 2017 lúc 16:01Feb 16, 2017 at 16:01

1

Không có chức năng chuyển đổi trong tài liệu để bạn có thể thêm sự kiện nhấp vào sẽ chuyển đổi lớp hoạt động như:Documentation so you could add click event that will toggle the active class like :

$(function(){
  $('body').on('click', '.list-group-item', function(){
    $('.list-group-item').removeClass('active');
    $(this).closest('.list-group-item').addClass('active');
  });
});

  
    
WordPress Theme Pro
    
$ 15.00
  


  
    
WordPress Theme Premium
    
$ 25.00
  


  
    
WordPress Theme Agency
    
$ 35.00
  

Đã trả lời ngày 16 tháng 2 năm 2017 lúc 16:09Feb 16, 2017 at 16:09

Zakaria Acharkizakaria acharkiZakaria Acharki

66K15 Huy hiệu vàng73 Huy hiệu bạc99 Huy hiệu Đồng15 gold badges73 silver badges99 bronze badges

0

Đơn giản là bạn xóa lớp active khỏi các phần tử khác và thêm nó vào phần tử đã nhấp. Nhân tiện, tôi khuyên bạn nên sử dụng thẻ HTML khác thay vì
By the way I recommend that you use another html tag instead of

$(document).ready(function() {
    $('.list-group-item').click(function() {
        $('.list-group-item').removeClass('active');
        $(this).closest('.list-group-item').addClass('active')
    });
});

    
        
WordPress Theme Pro
        
$ 15.00
    


    
        
WordPress Theme Premium
        
$ 25.00
    


    
        
WordPress Theme Agency
        
$ 35.00
    

Đã trả lời ngày 16 tháng 2 năm 2017 lúc 16:06Feb 16, 2017 at 16:06

0

Vui lòng thử mã này:

Thay thế mã hiện tại của bạn bằng mã này:

    
        
WordPress Theme Pro
        
$ 15.00
    


    
        
WordPress Theme Premium
        
$ 25.00
    


    
        
WordPress Theme Agency
        
$ 35.00
    
 

Hy vọng, điều này có thể hữu ích cho bạn.

Đã trả lời ngày 16 tháng 2 năm 2017 lúc 16:48Feb 16, 2017 at 16:48

Prateek vermaprateek vermaPrateek Verma

8591 Huy hiệu vàng6 Huy hiệu bạc9 Huy hiệu đồng1 gold badge6 silver badges9 bronze badges

0

Danh sách nhóm tuôn ra là gì?

Làm cách nào để thêm lớp hoạt động trên tải trang?

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

Làm thế nào kiểm tra lớp hoạt động hay không trong jQuery?