Я пытаюсь отобразить модальное диалоговое окно как тестовый прогон, прежде чем выполнить более сложную задачу. Однако я, похоже, что-то делаю не так, поскольку код, скопированный с демонстрационного сайта , не работает, когда я его настраиваю и запускаю локально.
Вот мой источник:
<html>
<head>
<script type="text/javascript" src="lib/jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery/js/jquery-ui-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var $dialog = $('<div></div>')
.html('This dialog will show every time!')
.dialog({
autoOpen: false,
title: 'Basic Dialog'
});
$('#opener').click(function() {
$dialog.dialog('open');
});
});
</script>
</head>
<body>
<button id="opener">Press</button>
</body>
</html>
До сих пор я думал в первую очередь, что проблема могла быть в относительной проблеме пути с тем, как я добавляю внешние библиотеки. Но я попробовал варианты, и ничего не изменилось.
Я все еще новичок в Javascript, так что, возможно, я делаю что-то очень нубистское здесь. Любая помощь будет оценена. Спасибо.