클래스 토글 백본, 자바 스크립트

Question

맨 위에 버튼과 아이콘이 있습니다. 버튼을 클릭하면 클래스가 성공적으로 토글됩니다. 그러나 버튼 안의 아이콘을 클릭하면 클래스가 전환되지 않습니다.

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne-{{id}}"> 
    <button id="btnCollapse" class="btn" style="width: 25px;" type="button"> 
     <i id="accordionIcon-{{id}}" class="right"></i> 
    </button> 
</a> 

그리고 자바 스크립트 :이 같은

events: { 
    'click #btnCollapse': 'handleClass', 
    'click .right': 'handleClass' 
}, 

handleClass: function(event) { 
    $(event.target).find('i').toggleClass('right down'); 
} 

Answer 1

사용 처리기 : 여기 내 HTML입니다

handleClass: function(event) { 
    var $target; 
    if (event.target.tagName.toUpperCase() == 'I') { 
    $target = $(event.target); 
    } else { 
    $target = $(event.target).find('i'); 
    } 

    $target.toggleClass('right down'); 
} 

Answer 2

대신 event.target의 event.currentTarget을 시도 할 수 있습니다.

"이 속성은 일반적으로이 기능과 같습니다."
http://api.jquery.com/event.currentTarget/