Я новичок в JQuery. Я занимаюсь разработкой приложения ASP.Net MVC. В одном из представлений я пытаюсь открыть модальное диалоговое окно JQuery.
Вот код JavaScript для этого
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript" />
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript" />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"/>
<script type="text/javascript">
$(document).ready(function ()
{
$(".openDialogLink").
live("click", function (e)
{
e.preventDefault();
$("<div></div>").addClass("dialogBoxDiv").appendTo("body").
dialog(
{
modal: true,
draggable: true,
overlay: { backgroundColor: "#000000", opacity: 0.5 },
title: $(this).attr("DialogTitle"),
show: "puff",
hide: "puff",
closeOnEscape: true,
close: function ()
{
$(this).remove()
},
}
).load(this.href);
});
$(".close").
live("click", function (e)
{
e.preventDefault();
$(this).closest(".dialog").dialog("close");
});
});
Проблема в том, что наложение для неиспользуемой области на веб-странице не отображается. Похоже, есть некоторые маленькие настройки, которые мне не хватает.
Помогите, пожалуйста.