Обычно диалоговое окно интерфейса JQuery выглядит так, как показано в официальной документации. Я помещаю диалог в исходный код, который уже имеет много JavaScript, и есть некоторые изменения в диалоговом окне. Одно изменение заключается в том, что кнопка закрытия больше не отображается как "X", а скорее отображается как "Закрыть".
Как я могу начать изучать, могу ли я изменить его на "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 для справки.
Вы можете передать текст кнопки закрытия в качестве опции:
$( ".selector" ).dialog({ closeText: "hide" });
ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
, так что я предполагаю, что просто отсутствует CSS.jQuery.min.js
- основной файл библиотеки jQuery. тогда какjQueryUI.js
--- библиотека пользовательского интерфейса зависит от основного файла.