Question

我在visual studio 2010 MVC4 razor microsoft模板中。我从jquery站点下载了jquery“kit”，当我打开index.html时它可以工作。但是，当我将我的剃刀项目更改为看起来像jquery下载（将所有JS文件，图像和css文件移动到正确的位置）并添加以下代码（在html情况下工作）

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>jQuery UI Example Page</title>
    <link type="text/css" href="~/Content/ui-lightness/jquery-ui-1.8.24.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery-ui-1.8.24.custom.min.js"></script>
    <script type="text/javascript">
        $(function () {

            // Datepicker
            $('#datepicker').datepicker({
                inline: true
            });

        });
    </script>

</head>
<body>


    <!-- Datepicker -->
    <h2 class="demoHeaders">Datepicker</h2>
    <div id="datepicker"></div>


</body>

对于文本Datepicker，页面上没有显示任何内容。我已经查看了其他所有内容，似乎没有什么可以做到的。有什么建议吗？

Answer 1

检查浏览器中的网络控制台，我打赌它在尝试加载你的css和js文件时会出现404错误。因此，它不会应用日历的样式，甚至不应用js来初始化它以及所有这些。尝试以这种方式引用它们：

<link type="text/css" href='@Url.Content("~/Content/ui-lightness/jquery-ui-1.8.24.custom.css")' rel="stylesheet" />
<script type="text/javascript" src='@Url.Content("~/Scripts/jquery-1.8.2.min.js")'></script>
<script type="text/javascript" src='@Url.Content("~/Scripts/jquery-ui-1.8.24.custom.min.js")'></script>

使用Url.Content可以正确解析您的网址。

Razor中非常基本的jquery datepicker

1 个答案: