반응형
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")
}
반응형
'JAVASCRIPT' 카테고리의 다른 글
자바스크립트(Java script) 란 (0) | 2021.07.14 |
---|---|
HTML 멀티미디어와 입력요소들(audio,video,input,form태그..등등) (0) | 2021.07.12 |