출처 : http://blog.naver.com/PostView.nhn?blogId=romeoyo&logNo=120188644234
Jquery UI 를 이용해 서비스 개발 작업을 하고 있는데. 어처구니없는 난관에 봉착했다.
무려 $99를 지불하고 구입한 RedActor html 에디터를 Jquery UI의 다이얼로그에 심었더니 이미지 URL삽입 같은 자체 UI의 입력란에 포커스가 가지 않는것이다.
무슨 유료 라이브러리가 이래 허접할까 툴툴대고 있었는데 범인은 Jquery UI 로 판명났다.
아래가 그 증상이다.
당신이 클릭의 신이어도 절대로 "이미지링크" 입력란에 포커스가 가지 않는다. (IE에서는 클릭하면 가긴 간다)
이틀정도 삽질하다가 구글신이 답을 주셨다.
아래가 정상적으로 포커스가 간 것이다.
Jquery, Jquery UI 라이브러리를 로딩하고 아래의 한줄을 추가해 주면 된다.
$.ui.dialog.prototype._focusTabbable = function(){};
잉글리쉬에 능숙하다면 아래 자료를 봐도 된다. Fix되었고, 관련 옵션이 추가되었다고 하는데. 내가 쓰는 Jquery UI 1.10.2 는 문제가 있으며, 공식 API문서에도 관련 옵션을 못찾겠다 꾀꼬리.
http://bugs.jqueryui.com/ticket/4731