MVC4 jQuery UI不起作用

Question

我无法在我的ASP.NET MVC4应用程序中使用jQuery UI.我尝试了对话框和日期选择器.这是我的观点代码的一部分.

<link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
    alert('A');
    //$('#datepicker').val('test');
    $('#datepicker').datepicker();
    alert('B');
});
</script>
<h1>Test</h1>
<form id="testForm" action="#" method="get">
    <input type="text" id="datepicker" name="datepicker" class="datepicker" />
</form>

显示警报A. 当我取消注释下一行时,将分配值测试.但是datepicker不工作,警报B不显示.

谢谢,彼得

Answer 1

在layout.cshtml视图中,移动

@Scripts.Render("~/bundles/jquery") 

从身体到头部也加入头部

@Scripts.Render("~/bundles/jqueryui")