컬러 박스 팝업 메뉴의 버튼에 jQuery 클릭 이벤트에 문제가 있습니다.jQuery에서 이벤트를 분리하고 새 이벤트를 첨부하는 방법
버튼은 다음
기본적으로 다음과 같은 이벤트가 붙어있다<div id="popup">
<button class="close_bu">Close</button>
</div>
: 내가 또 다른 이벤트가 발생하면
jQuery('.close_bu').bind('click',function(){
jQuery.colorbox.close();
});
내가 기본 동작을 변경하려면 다음 작업을 수행 할 수 있도록 :
jQuery('#anotherpopup').on('click','.deleteplan_button',function(){
jQuery('#popup .close_bu').addClass('returnBack');
jQuery('#popup .returnBack').removeClass('close_bu');
jQuery.colorbox({inline:true , href:"#popup", opacity: 0.6, width: "600px"});
return false;
})
하는 I는 추가 한 :
jQuery('#popup').on('click','.returnBack',function(){
e.preventDefault();
//Do something
})
.returnBack에 연결된 새 이벤트가 작동하지 않습니다. 버튼을 클릭하여 닫기 이벤트를 발생시키는 경우 버튼에 .close_bu 클래스가 더 이상 존재하지 않아도 해당 이벤트가 계속 발생합니다.
은 임 조금 혼란 : S
나는 버튼을 둘러싸고있는 div를 포함하지 않았다. 나는 나의 질문을 편집했다. 덕분에 – chifliiiii
.unbind()를 사용해야합니다. 내 업데이트를 참조하십시오. – snies
.on 및 .off 대신 bind를 사용하는 이유에 대해 혼란 스럽습니다. 귀하의 질문에 대답하지 않거나 어떤 식 으로든 도와주세요. 그러나 호기심을 만족 시키시겠습니까? – sngregory