본문 바로가기
javascript

jquery ie9 button bug

by 새로운 도전을 위한 한걸음 2014. 8. 28.

테스트 html

jqueryTest.html


ie9에서 아래와 같이 label태그 안에 button을 여러개 넣고 동적으로 이벤트를 

등록하면 이벤트가 중복해서 발생하는 에러가 나타난다. 

 <label>

<button type="button" class="btn btn-xs btn-primary btnAcceptYN" value="3">First</button>

<button type="button" class="btn btn-xs btn-primary btnAcceptYN" value="2">Second</button>

<button type="button" class="btn btn-xs btn-primary btnAcceptYN" value="1">Third</button>

 </label>

 

---해결방안 :  버튼을 label에 따로따로 넣어서 사용하면된다. 

<label>

<button type="button" class="btn btn-xs btn-primary btnAcceptYN" value="3">First</button>

</label

<label>

<button type="button" class="btn btn-xs btn-primary btnAcceptYN" value="3">First</button>

</label>