javascript

jquery ie9 button bug

새로운 도전을 위한 한걸음 2014. 8. 28. 16:58

테스트 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>