Модальное диалоговое окно jQueryUI не показывает кнопку закрытия (x) - PullRequest
Новая
       33

Модальное диалоговое окно jQueryUI не показывает кнопку закрытия (x)

66 голосов
/ 30 декабря 2011

Я использую модальное диалоговое окно jQuery в моем приложении ASP .NET MVC 3.Он работает нормально, за исключением того, что в правом верхнем углу нет кнопки закрытия.Как я могу добавить это? 

$("#dialog-modal").dialog({
            modal: true,
            autoOpen: false,
            buttons: {
                Ok: function () {
                    $(this).dialog("close");
                }
            }
        });

Ответы [ 15 ]

2 голосов
/ 31 августа 2015

Вот отличный ответ https://stackoverflow.com/a/31045175/3778527 Я проверен с: 

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/blitzer/jquery-ui.css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" />
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
1 голос
/ 06 августа 2017

Просто связывание CSS работает для меня. Возможно, он отсутствовал в моем проекте полностью: 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
0 голосов
/ 02 марта 2017

У меня была похожая проблема.Я использовал jquery и jquery-ui.Когда я обновил свои версии, изображение диалога закрытия больше не появлялось.Моя проблема заключалась в том, что когда я разархивировал загруженный пакет js, у каталогов не было разрешения на выполнение.

Итак, быстрый chmod + x dir-name, а также для подпапок, сделали свое дело.Без разрешения на исполнение в Linux Apache не может попасть в папку.

0 голосов
/ 30 декабря 2011

решением может быть закрытие внутри вашего модального

взгляните на этот простой пример

0 голосов
/ 30 декабря 2011

Вы должны добавить кавычки вокруг "ОК".Это текст кнопки.Как таковой, текст кнопки в настоящее время пуст (и, следовательно, не отображается), потому что он пытается определить значение этой переменной.

Модальные диалоги не должны закрываться каким-либо образом, кроме нажатия клавишикнопки [ок] или [отмена].Если вы хотите, чтобы [x] находилось в правом углу, установите модальное значение: false или просто удалите его.

Страница:
...