포부리

[jQuery] toggleClass가 안돼요! toggleClass is not Working! 본문

dev/FE

[jQuery] toggleClass가 안돼요! toggleClass is not Working!

포부리 2019. 11. 27. 12:33

addClass는 되는데 toggleClass가 안될 때가 있다.

 

이벤트를 걸어놓은 엘리멘트가 이중, 삼중으로 중복되기 때문인데,

이때 토글할 엘리먼트의 새롭게 비어있는 jQuery객체를 넣으면 된다.

종속작업 클래스 외에 새로운 이름의 id값이나 class를 추가해야한다:

function myFunction(){
  ...
  $("#Elemnet li").click(function(){
      $(this).toggleClass("toggle-class");
  });
  ...
}
$(document).on("click", ".element li", myFunction);