Я изо всех сил пытаюсь заставить мой диалог работать должным образом.Всплывающее окно уже отображается, хотя я не нажал кнопку?
<script src="../../Content/jquery-ui-1.8.12.custom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Content/jquery-ui-1.8.12.custom/js/jquery-ui-1.8.12.custom.min.js"
type="text/javascript"></script>
<link href="../../Content/jquery-ui-1.8.12.custom/css/ui-lightness/jquery-ui-1.8.12.custom.css"
rel="stylesheet" type="text/css" />
<div>
<button id="btnTest">
Go</button>
</div>
<div id="dialog-confirm" title="Hello">
<p>
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
Do you want to continue?</p>
</div>
<script type="text/javascript">
$(document).ready(function (event) {
$("#dialog-confirm").hide()
$("#dialog:ui-dialog").dialog("destroy");
$('#btnTest').click(
$(function () {
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-confirm").dialog({
resizable: false,
height: 140,
modal: true,
buttons: {
"Ok":
function () {
alert('ok');
$(this).dialog("close");
}
,
Cancel: function () {
$(this).dialog("close");
}
}
});
})
);
});
</script>