jQuery 및 jQuery UI를 사용하는 모달 주석 시스템에서 작업하고 있지만 포커스가있는 문제가 있습니다.jQuery UI 대화 상자 및 텍스트 영역 포커스 문제
<form action="/comments/add" class="addCommentForm" name="addCommentForm" method="post">
<textarea name="content" class="addCommentContent"></textarea>
<button value="Add Comment" type="submit" class="commentPost"/>
<button value="Clear Comment" type="submit" id="clearComment"/>
</form>
문제 :
가 addCommentBox의 사업부의 내부<div id="modal" title="Loading">
<div id="modalContent"></div>
<div id="modalLogin">
<div class="loginBox"></div>
<div class="addCommentBox"></div>
<div class="commentReview"></div>
</div>
</div>
, 내가 코멘트 코드를 가지고 : 나는 로그인을 전환하고 코멘트를 추가, 아래로 모달 내부 div의 일련의이 대화 상자를 연 후 약 절반 시간이 addCommentBox
div 안에있는 텍스트 영역은 선택시 키보드 입력에 반응하지 않습니다. 마우스가 제대로 작동하고 텍스트를 선택할 수 있지만 키보드 컨트롤은 아무 것도하지 않습니다.
나는 텍스트 영역에 이벤트 리스너가 없습니다. 나는 버튼을 가지고 있지만 버튼만을 목표로 삼고있다.
HTML에서 일어나는 유일한 사실은 내가 모달을 클릭 할 때마다 전체 모달 div에 대해 z- 색인이 증가한다는 것입니다. addCommentBox
div가 Z- 인덱스 9999를 갖도록 설정했습니다. 모달의 Z- 인덱스보다 큽니다.
연구를위한 제안이나 지시 사항은 크게 감사하겠습니다. 감사!
예를 들어 실패하십시오 : http://jsfiddle.net/ – Markus
당신은 어떤 jQuery UI 버전, 어떤 jQuery 버전을 추가하고 싶습니다. – potatopeelings
오버레이의 Z- 인덱스도 $ (".ui-widget-overlay")로 확인하는 것이 좋습니다. css ("z-index") – potatopeelings