Javascript → Как с помощью jQuery UI Dialog открыть AJAX окно
В jQuery UI виджете Dialog нет встроенной возможности показать окно с данными, полученными с помощью AJAX. Но это легко решаемо:
$('<div>').load('/some/url').dialog();
Или так, если после получения данных, их необходимо обработать:
$('<div id="my-dialog">Загрузка...</div>').dialog({ open: function() { $.get('/some/url', function(response) { $('#my-dialog').html('<p>' + response + '</p>'); }); }, close: function() { $('#my-dialog').remove(); } });
Комментарии
Спасибо!
В коде есть небольшой баг.
Вместо:
$('#my-dialog').remove();Надо:
$('#my-dialog').html('');Иначе второй раз окно не выскочит.
выскочит
Если объявить блок #my-dialog в самом html заранее.
При объявлении диалогового окна установить параметр "autoOpen: false".
Окно открывать и закрывать через методы open и close.
То в этом случае remove() сносит весь блок #my-dialog и в дальнейшем диалоговое окно не открывалось по событию open.
Код из топика корректен, т.к. блок #my-dialog постоянно вновь создается.
Оставить комментарий