У меня довольно запутанная проблема с jQuery UI Dialog. Проблема в том, что кнопка закрытия по умолчанию в диалоговом окне jQuery не работает так, как должна! Но когда я нажимаю на боковые области кнопки, он закрывается. Ниже приведен код, используемый для запуска диалога.
$("#divGuestDetails").dialog('open');
Ничего больше. Я попытался привязать событие клика к диалогу после процесса init. Код ниже.
$('#divGuestDetails').find('.ui-dialog-titlebar-close').bind('click',function(){
$('#divGuestDetails').dialog('close');
})
Версии ядра jQuery и ui следующие.
Ядро JQuery: 1.3.2 Jquery ui: 1.7.2
если это проблема с информацией, пожалуйста, помогите мне в том, как ее исправить.
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" unselectable="on" style="-moz-user-select: none;">
<span class="ui-dialog-title" id="ui-dialog-title-divGuestDetails" unselectable="on" style="-moz-user-select: none;">Guest Details</span>
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" unselectable="on" style="-moz-user-select: none;"><span class="ui-icon ui-icon-closethick" unselectable="on" style="-moz-user-select: none;">close</span></a>
</div>
Выше представлены элементы html времени выполнения, и когда я проверил, ui-dialog-titlebar-close
связан с закрытым вызовом по умолчанию. Но когда я проверяю событие click, он фактически запускается из диапазона, который находится внутри тега <a>
. что я могу сделать, чтобы исправить эту проблему.
var guestDetails = $("#divGuestDetails").dialog('open');
guestDetails.dialog('close'); // use this anywher to close it
$('#divGuestDetails').find('.ui-dialog-titlebar-close').bind('click',function(){
guestDetails.dialog('close');
})