Я хочу показать диалоговое окно при нажатии кнопки, но оно работает неправильно.Это мой код:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
</head>
<body>
<button id="myButton">click!</button>
<div id="dialog" title="Dialog box">My content</div>
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$("#dialog").dialog({
autoOpen: false,
modal: true
});
$("#myButton").on("click", function(e) {
e.preventDefault();
$("#dialog").dialog("open");
});
});
});
</script>
</body>
</html>
Вот что происходит после того, как я нажимаю кнопку.Текст, который должен находиться внутри диалогового окна, отображается как обычный текст, сопровождаемый кнопкой «Закрыть».
