Я пытаюсь создать модальный диалог, чтобы просто показать содержимое (html какого-то типа или другое):
<script>
$.fx.speeds._default = 1000;
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
closeOnEscape: true,
modal: true,
position: 'center',
width: 800,
height: 600,
show: "blind",
hide: "explode"
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
return false;
});
});
</script>
Когда я просматриваю страницу, диалог отображается в строке и не скрывается. Вот мой html:
<div id="dialog">This is my dialog that should be hidden until called</div>
<button id="opener">I Open the Dialog</button>
Что я делаю не так?