Question

我有这样的分页

这是我的网页的JavaScript代码

var pagingList = $('<ul>', {class: 'pagination list-unstyled list-inline'});                                                                          

$('.page_container').append($('<div>', {class:"text-center"}).append(pagingList));                                                                    

        if (startPage > 10) {                                                                                                                                 
          var prev_page = $('<li>').append($('<a>', {href: '/bjcam/' + boardname + '/' + (startPage - 1)}).text('prev'));                                     
          pagingList.append(prev_page);                                                                                                                       
        }                                                                                                                                                     
        for (var i = startPage; i <= endPage; i++) {                                                                                                          
          if (i > maxPage) break;                                                                                                                             
          var current_page = $('<li>').append($('<a>', {href: '/bjcam/' + boardname + '/' + i}).text(i));                                                     
          pagingList.append(current_page);                                                                                                                    
        }                                                                                                                                                     
        if (maxPage > endPage) {                                                                                                                              
          var next_page = $('<li>').append($('<a>', {href: '/bjcam/' + boardname + '/' + (startPage + 10)}).text('next'));                                    
          pagingList.append(next_page);                                                                                                                       
        }

我希望在点击此分页时激活<li> 现在，下面是我正在尝试的代码

$('.pagination li').click(function() {                                                                                                                
          $('.pagination li').addClass("active")                                                                                                              
        })

如何点击<li> tag actived？{/ p>

Answer 1

$('.pagination li').click(function(e) {
    $('.navbar li.active').removeClass('active');
    var $this = $(this);
    if (!$this.hasClass('active')) {
        $this.addClass('active');
    }
});

试试这个......

Answer 2

在点击事件(when clicking upon li)内添加此代码。

$(this).addClass('active');

如何激活<li>标签？在jQuery中

2 个答案: