Я поместил модальный диалог в моем проекте, который отображает частичное представление. Он отлично работает, но кнопка закрытия не работает.
Я попытался сослаться на него с помощью $ ('# resetPasswordDialog'). Dialog ('close'); , без игры в кости. Что я делаю неправильно? Мне это кажется относительно простым, и каждый прочитанный мной пример показывает, что просто вызывать $ (this) .dialog ("close"); работы.
Я сейчас использую это в MVC2.
<script type="text/javascript" src="<%: Url.Content(" jquery-1.6.2.js") %>"></script>
<script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery-1.6.2.min.js") %>"></script>
<script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js") %>"></script>
<script type="text/javascript">
$(function () {
$('#resetPasswordDialog').dialog({
autoOpen: false,
width: 750,
resizable: false,
title: 'Reset Password',
modal: true,
open: function (event, ui) {
$(this).load('<%: Url.Action("ResetPassword") %>');
},
buttons: {
"Close": function () {
$(this).dialog("close");
}
}
});
$('.forgot-password-button').click(function () {
$('#resetPasswordDialog').dialog('open');
});
});
</script>