Обычно диалоговое окно интерфейса JQuery выглядит как показано в official documentation. Я помещаю диалог в исходный код, который уже имеет много JavaScript, и есть некоторые изменения в диалоговом окне. Одно изменение заключается в том, что кнопка закрытия больше не отображается как «X», а скорее отображается как «Закрыть».Диалоговое окно JQuery Кнопка «Закрыть»
Как я могу начать изучать, могу ли я изменить его на «X»?
Из ваших комментариев ясно, что вам не хватает, чтобы добавить jQuery.UI.css и jQuery UI.js. Поэтому добавьте его, он будет работать правильно.
<link rel="stylesheet" type="text/css"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
и JS файл, как
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/>
Вы можете проверить это JSFiddle для справки.
О, я вижу, я также использую 'ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', поэтому, я думаю, просто отсутствует CSS. –
@MikaH. 'jQuery.min.js' - файл библиотеки ядра jQuery. тогда как 'jQueryUI.js' --- библиотека пользовательского интерфейса зависит от основного файла. – Praveen
@MikaH. Точно, вам не хватает css, остерегайтесь порядка скрипта: 1. 'jQuery.js' 2.' jQueryUI.js' – Praveen
Вы можете передать кнопку закрытия текст в качестве опции:
$(".selector").dialog({ closeText: "hide" });
ЭТО ответ, который я искал! Несмотря на то, что это не очень хорошо подходит для вышеупомянутого вопроса, это лучший способ управлять кнопкой закрытия текста с момента инициализации диалога. На этой странице есть много ответов на эту тему, но они просто теряют время, изменяя данные ПОСЛЕ Инициализации. –
Да, работал на меня. Мне нужен «х», и я получил его. Затем в моем .ui-dialog .ui-dialog-titlebar классе я добавил «text-align: right;» и он положил X справа. – JustJohn
Вы включаете файл CSS jQuery UI? –
@koala_dev Нет, я использую только http://code.jquery.com/jquery-latest.min.js. –
Это ядро jQuery, вам нужны javascript и CSS-файлы jQuery UI, проверьте раздел «Быстрый доступ» в нижнем колонтитуле http://jqueryui.com/ –