Question

我有这样的分页按钮：

<div style="float: right;" id="editable_paginate" class="dataTables_paginate paging_simple_numbers">
    <ul class="pagination">
        <li id="editable_previous" class="js_paginate_button previous disabled"><a href="#">Précédent</a></li>
        <li class="js_paginate_button active"><a href="#">1</a></li>
        <li class="js_paginate_button "><a href="#">2</a></li>
        <li class="js_paginate_button "><a href="#">3</a></li>
        <li class="js_paginate_button "><a href="#">4</a></li>
        <li class="js_paginate_button "><a href="#">5</a></li>
        <li id="editable_next" class="js_paginate_button next"><a href="#">Suivant</a></li>
    </ul>
 </div>

默认情况下，第一个按钮具有“活动”类。例如，当我单击第二个按钮时，我需要激活该按钮并取消激活第一个按钮。我已经实现了下面的功能，但$(this).addClass('active');无效。

View.PharmaciesView = Marionette.CompositeView.extend({
    events : {
        "click li.js_paginate_button":"paginate"
    },
    paginate : function(e) {
        $('li.js_paginate_button').removeClass('active');
        $(this).addClass('active');
        e.preventDefault(); 
    }
});

我的代码有什么问题？

Answer 1

paginate 方法中的

此是View.PharmaciesView的实例。要使用按钮元素构造：

$(e.target).addClass('active');

JQuery如何在单击时激活按钮

1 个答案: