JQuery UI 대화 상자 위치 제목 표시 줄 바깥 쪽

Question

닫으려면 긴 대화 상자의 맨 위로 스크롤해야하는 사용자를 제거하려고합니다. 닫기 버튼은 제목 표시 줄에 있습니다.

대화 상자 바로 위에 제목 표시 줄을 배치하는 것이 옵션이지만 기본 구조를 유지하려는 경우 확실하지 않습니다. 어떤 아이디어? 감사.

클릭 이벤트 종료는 다른 상황에서는 유용하지만 여기서는 유용하지 않습니다. 문제는 초보적인 문제입니다.

제목 막대 외에 대화 스크롤이 매우 드문 경우입니다. 아직 이미지를 게시 할 수 없습니다 (평판 포인트가 <). FIDDLE

JS

var openthedialog = $(".textfordialog").dialog({ 
          autoOpen: false, 
          height: 'auto', 
          width: 200, 
          position: {my: "top left", 
             at: "right bottom", 
             of: "#clickme"} 
                }); 

$('#clickme').click(function(){ 
      openthedialog.dialog('open'); 
}); 
$('.textfordialog p').on('click', function(){ 
      openthedialog.dialog('close'); 
}); 

Answer 1

는 생각이다. 또 다른 옵션은 대화 상자를 클릭 할 때 어디에서나 닫는 자바 스크립트입니다.