У меня есть веб-приложение MVC 3, в котором я также использую небольшой интерфейс jquery для отображения пары диалогов при нажатии кнопок. У меня есть общий макет с 3 частями в нем. В каждой части есть какой-то jquery, устанавливающий необходимые диалоги пользовательского интерфейса и т. Д. В каждую из функций $ (document) .ready я вставил предупреждение, чтобы доказать, что каждая из них действительно запускается. Однако в конце этого ... страница полностью пуста ... ничего не отображается ... и на данный момент я не знаю, что делать дальше. Если я закомментирую весь код JQuery UI ... то HTML-код появляется ... и отображает ... он, очевидно, отображается неправильно, потому что код JQuery UI теперь отсутствует. Таким образом, появляются диалоги ... с кнопками и всем ... но они не работают.
Если у кого-нибудь есть предложения, как мне поступить ... пожалуйста, дайте мне знать. Другие вещи, которые я пробовал, были ... удаление ... переустановка IE. Использование Chrome ... Использование CDN для доставки файлов JQuery ... Маршруты все в порядке ... Нет ничего плохого в global.asax.
Любой
Редактировать
Я изменил код, чтобы он поместился ниже на одной странице.
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
@*<script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>*@
<link href="@Url.Content("~/Content/css/reset.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content( "~/Content/css/layout.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/css/jquery-ui-1.8.16.custom.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content( "~/Content/css/style.css" )" rel="stylesheet" type="text/css" />
@* jquery *@
<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
@*<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.js" type="text/javascript"></script>*@
@* jquery UI *@
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.js" type="text/javascript"></script>
@*<script src="@Url.Content("http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.js")" type="text/javascript"></script>*@
<script type="text/javascript">
$(document).ready(function () {
$("#user-login-dialog").dialog({
autoOpen: false,
height: 'auto',
width: 'auto',
modal: true,
draggable: false,
resizable: false,
position: 'center',
close: function () { }
});
$("#sp-login-dialog").dialog({
autoOpen: false,
height: 'auto',
width: 'auto',
modal: true,
draggable: false,
resizable: false,
position: 'center',
close: function () { }
});
$("#create-user").button().click(function () {
$("#user-login-dialog").dialog("open");
});
$(document).ready("#create-service-provider").button().click(function () {
$("#sp-login-dialog").dialog("open");
});
$('#btnGo').bind('click', function () {
alert('User clicked button');
});
$(document).ready("#sp-login").button().click(function () {
$("#sp-login-form").submit();
});
$("#user-login").button().click(function () {
$("#user-login-form").submit();
});
});
</script>
</head>
<body>
<div id="doc2" class="yui-t7">
<div id="hd" class="center"><h1 id="logo"><a href="./" title="[Go to homepage]"><img src="@Url.Content( "~/Content/bah.png" )" /></a></h1></div>
<div class="center" style="margin-bottom: 20px;">
@if ( User.Identity.IsAuthenticated )
{
<span>@Html.ActionLink( "Logout" , "LogOff" , "Account" )</span>
}
else
{
<span>@Html.ActionLink( "Login" , "LogOn" , "Account" )</span>
}
</div>
<div id="bd">
<div id="yui-main" class="green">
<div class="yui-b">
<div class="yui-g">
@*this is the renderbody*@
<div id="quicklink">
<button id="create-user">Users & Requests</button> | <button id="create-service-provider">Services & Providers</button>
</div>
<div id="sp-login-dialog" title="Login or Register as a Service Provider">
<div class="main">
<div class="left">
<span>Need an account?:</span>
<ul>
<li>@Html.ActionLink("Register", "Register", "Account")</li>
<li>@Html.ActionLink("Register with Facebook", "FacebookRegistration", "ServiceProvider")</li>
</ul>
</div>
<div class="right">
<span>Already have an account?</span>
@using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { @name = "sp-login-form", @id = "sp-login-form" }))
{
<fieldset style="margin: 10px 0 0 0;">
<label for="name">
Username</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="password">
Password</label>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
}
<a class="fb_button fb_button_medium" href="@Url.Action("FacebookRegistration", "ServiceProvider")">
<span class="fb_button_text">Facebook Login</span>
</a>
<button style="margin: 0 0 0 5px;" id="sp-login">
Login</button>
</div>
</div>
</div>
<div id="user-login-dialog" title="Login or Register">
<div class="main">
<div class="left">
<span>Need an account?:</span>
<ul>
<li>@Html.ActionLink("Register", "Register", "Account")</li>
<li>@Html.ActionLink("Register with Facebook", "FacebookRegistration", "Account")</li>
</ul>
</div>
<div class="right">
<span>Already have an account?</span>
@using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { @name = "user-login-form", @id = "user-login-form" }))
{
<fieldset style="margin: 10px 0 0 0;">
<label for="name">
Username</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="password">
Password</label>
<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
}
<a class="fb_button fb_button_medium" href="@Url.Action("FacebookRegistration", "Account")">
<span class="fb_button_text">Facebook Login</span>
</a>
<button style="margin: 0 0 0 5px;" id="user-login">
Login</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yui-b">
<!-- PUT SECONDARY COLUMN CODE HERE -->
</div>
</div>
<div id="ft" class=" center">
<p class="f-right">
@Html.ActionLink("Home", "Index", "Home")
<span>|</span>
@Html.ActionLink("About", "About", "Home")
<span>|</span>
@Html.ActionLink("Support", "Support", "Home")
<span>|</span>
@Html.ActionLink("Contact Us", "Contact", "Home")
<span>|</span>
<a href="/">Riebro</a>
</p>
<p class="small">Copyright © @DateTime.Now.Year <strong><a href="#">bah</a></strong>, All Rights Reserved ®</p>
</div>
</div>
</body>