firefox 및 인터넷 탐색기로 jquery-ui 버튼 선택

Question

다음 코드는 크롬, 사파리 및 오페라에서 문제없이 작동합니다. 하지만 그것은 파이어 폭스도 인터넷 익스플로러도 마찬가지입니다.

도움 주셔서 감사합니다.

$("#myButton").button( {icons: {primary: "ui-icon-circle-plus",secondary: "ui-icon-triangle-1-s"}}); $("#myButton .ui-icon-circle-plus").click( function(){alert("myButton");})

다음과 같은 링크의 예를 찾을 수 있습니다 http://jsfiddle.net/asiaminor/suw0xs89/ 브라우저가 아직 jQueryUI 스타일 렌더링을 완료하지 않은, 당신의 선택은 DOM에서 아무것도 일치하지 않을 수 있기 때문이다

Answer 1

. Event delegation 사용

$("#myButton").click(".ui-icon-circle-plus", function(){alert("myButton");}) 

Fiddle here