Я унаследовал источник для сайта, на котором уже есть JQuery & JQueryUI.
jquery-1.3.2.min.js
1.8.0 / jquery-ui.min.js
Я создал диалог:
$( "#dialog-modal" ).dialog({
autoOpen: true,
buttons: {
"Delete": function() {
$( this ).dialog( "close" );
},
"Cancel": function() {
$( this ).dialog( "close" );
}
},
width: 400,
height: 175,
modal: true
});
<div id="dialog-modal" title="Confirm Company Deletion">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Are you sure you wish to remove this company from the system?<br><br>Whilst the company will no longer be visible after deletion its records will remain within the database and therefore may be recoverable in the future. If this is ever required please contact the system administrator.</p>
</div>
Первая проблема, с которой я столкнулся, это то, что диалоговое окно не открывается автоматически.Вторая проблема в том, что кнопки не отображаются.Однако параметры ширины, высоты и модели применяются.
Если я вызываю javascript: $ ('# dialog-modal'). Dialog ('open');Диалог открывается (без кнопок - элементы кнопок даже не созданы) и потратили часы, пытаясь понять это.Мне нужна помощь в диагностике этой проблемы, потому что я пытался изменить порядок загрузки скрипта, библиотеки и темы, но это не имело никакого значения.Я выполняю отладку в Chrome, но ошибок нет, поэтому любые предложения относительно свойств, любые советы по отладке будут высоко оценены.