Закладка заголовка диалогового окна JQuery за пределами

Question

Я пытаюсь исключить пользователей, имеющих прокрутку до верхней части длинного диалогового окна, чтобы закрыть. Кнопка закрытия расположена в строке заголовка.

Не уверен, что позиционирование строки заголовка непосредственно в диалоговом окне является опцией, но предпочтительнее сохранить исходную структуру. Есть идеи? Благодарю.

Выход на событие click полезен для других обстоятельств, но не здесь. Проблема рудиментарна.

По какой-то причине свиток диалога появляется помимо строки заголовка, что очень необычно. Не удалось отправить изображение еще (< 10 баллов репутации).

Answer 1

Вот мысль - 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'); 
});