JQuery的點擊

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

this in paginate方法是View.PharmaciesView的實例。 要獲得按鈕元素使用構造：

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