Я давно использую jquery ui. Впервые я использую 1.8, хотя я не уверен, почему, но мне кажется, что этот плагин сделал шаги назад.
Мне никогда не было так сложно пользоваться пользовательским интерфейсом Jquery, как сейчас.
Сначала документация устарела.
1008 * Зависимость *
* UI Core
* UI Draggable (Optional)
* UI Resizable (Optional)
После 20 минут попыток и получения ошибки после ошибки (например, диалог не является функцией), я понял, что вам нужен какой-то другой файл javascript с именем "widget.js"
Так что теперь у меня есть
Jquery 1.4.2.js
UI Core.js UI
Widget.js
UI Dialog.js
все на моей странице.
Затем я сделал что-то подобное
$('#Delete').click(function ()
{
var dialogId = "DeleteDialogBox";
var createdDialog = MakeDialogBox(dialogId, "Delete Conformation");
$('#tabConent').after(createdDialog);
dialogId = String.format('#{0}', dialogId);
$(dialogId).dialog({
resizable: true,
height: 500,
width: 500,
modal: true,
buttons: {
'Delete all items': function() {
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
}
});
});
function MakeDialogBox(id, title)
{
var dialog = String.format('<div id="{0}" title="{1}"></div>', id, title);
return dialog;
}
Теперь, что это должно сделать, это сделать то, куда должно пойти диалоговое окно. После этого он должен поставить его сразу после моих вкладок.
Так что при просмотре с firebug он делает это. Однако однажды метод .dialog () переместит + весь материал, который он генерирует, и поместит его после моего нижнего колонтитула.
Так что теперь у меня есть диалоговое окно под моим нижним колонтитулом, спрятанное в правом нижнем углу. Я хочу, чтобы это умерло в центре. В предыдущих версиях я не думаю, что имеет значение, где код диалога находится на вашей странице, он всегда будет мертвой точкой.
Так чего мне не хватает? Center.js (я не знаю, существует ли он, но похоже, что сейчас вам нужно 100 javascript-файлов, чтобы это работало правильно).