диалог диалога jQuery удаляется до завершения закрытия диалога

Question

Я использую эффект слайда, чтобы показать и скрыть диалог jQuery.

Это хорошо работает, за исключением того, что modal (как в наложении, который покрывает страницу) удаляется, как только я закрываю диалоговое окно, в отличие от того, когда диалог окончательно исчезает с экрана.

Есть ли способ предотвратить это?

$('#login-preview-dialog').dialog({ 
    draggable: false, 
    hide: 'slide', 
    modal: true, 
    show: 'slide', 
    width: 500 
}); 

В связи с ответом, представленным @Jai -

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

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

Answer 1

Вы должны использовать его таким образом:

jsbin link

---

$('#login-preview-dialog').dialog({ 
    draggable: false, 
    show: { 
     effect: "slide", 
     duration: 500 
    }, 
    hide: { 
     effect: "slide", 
     duration: 500 
    } 
    modal: true, 
    width: 500//<------you can remove a "," trailing comma from here 
}); 

See this link for help