1

私はビジュアルスタジオ2010MVC4かみそりマイクロソフトテンプレートにいます。jqueryサイトからjquery「キット」をダウンロードしました。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というテキストを期待するページには何も表示されません。私は他のすべてを調べましたが、何もうまくいかないようです。助言がありますか？

4

1 に答える 1

2

ブラウザのネットワークコンソールを確認して404ください。cssファイルとjsファイルを読み込もうとするとエラーが発生するはずです。このため、カレンダーのスタイルは適用されません。また、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すると、URLが正しく解決されます。

于 2012-10-02T16:00:47.750 に答える