본문 바로가기
JAVASCRIPT

[Jquery] addClass후 removeClass로 on,off만들기

by chief_sac 2021. 6. 16.
반응형

websocket 알림을 만들던중 발생한 알림 animation을 class로 처리하면서 

addClass와 removeClass로 온오프 기능을 만들려고 하는데 addClass는 반복적용이되지만

removeClass는 여러번 적용이 안되어서 생각을하다가 그 특정 이벤트를 모두 없애고 다시

on해주면 해결이 가능했다.

var today = 	function (){
    let tml ='<a href="#" class="dropdown-item">'
    tml += '<i class="fas fa-envelope mr-2"></i> 4 new messages'
    tml += ' <span class="float-right text-muted text-sm">방금 전</span></a>'
    tml += ' <div class="dropdown-divider"></div>'
    $(".dropdown-body").append(tml)
    blink();
}
var blink = function(){
	$("#alams").addClass("blink");
}
-- 이벤트를 온오프로 바꾸기전 off()로 모든이벤트 초기화해야함
$("#alams").off("click").on("click",function(){
	reClass();
})


var reClass = function remove(){
	$("#alams").removeClass("blink")
}
반응형