4

ここで何が問題なのかわからない。他の解決策をいくつか読んで使用しようとしましたが、何も機能していないようです。私がやりたいのは、日付ピッカーをレンダリングすることだけです。私はこれまで何度もそれを行ってきましたが、ここ数週間「クランチ」タイムにあったために脳の機能不全が起こっているのかどうかはわかりません。

  1. 私は最新のJQuery（1.9.1）、最新のJQuery UI（1.10.2）を持っています。

  2. BundleConfigを確認しましたが、すべて問題ないようです。

            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                "~/Scripts/jquery-{version}.js"));

    bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                "~/Scripts/jquery-ui-{version}.js"));

    bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                "~/Scripts/jquery.unobtrusive*",
                "~/Scripts/jquery.validate*"));

    // Use the development version of Modernizr to develop with and learn from. Then, when you're
    // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
    bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                "~/Scripts/modernizr-*"));

    bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

    bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                "~/Content/themes/base/jquery.ui.core.css",
                "~/Content/themes/base/jquery.ui.resizable.css",
                "~/Content/themes/base/jquery.ui.selectable.css",
                "~/Content/themes/base/jquery.ui.accordion.css",
                "~/Content/themes/base/jquery.ui.autocomplete.css",
                "~/Content/themes/base/jquery.ui.button.css",
                "~/Content/themes/base/jquery.ui.dialog.css",
                "~/Content/themes/base/jquery.ui.slider.css",
                "~/Content/themes/base/jquery.ui.tabs.css",
                "~/Content/themes/base/jquery.ui.datepicker.css",
                "~/Content/themes/base/jquery.ui.progressbar.css",
                "~/Content/themes/base/jquery.ui.theme.css"));

  3. _Layout.cshtmlヘッダーを設定しました：

        @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>

次に、本文に別のScripts.Render（ "〜/ bundles / jquery"）を追加しました。しかし、日付ピッカーを追加しても何も起こりません...テキストボックスが表示されるだけです。

私も試しました：

  • ヘッダーのスクリプト参照を手動で追加する
  • jquery uiデモ（URL）で提供されているjqueryスクリプトリファレンスを追加する

何も...そして私は何も機能していないことを意味します。ファイルパスを再確認しましたが、正しいです...何が欠けていますか？！

4

2 に答える 2

6

私はまったく同じ問題を抱えていて、解決策のためにこれに出くわすまで頭をバウンドさせました：http: //forums.asp.net/t/1879457.aspx

要するに ：

  • スタイルは、ページヘッドで@Styles.Renderを使用してレンダリングする必要があります。
  • 少なくとも私のコードでは、jqueryバンドルのみが（@ Scripts.Renderを使用して）ページヘッドに含まれます。
  • 他のすべてのスクリプト（jquery、jquery UIなど）は、ページ本体の終了本文タグの直前で@Scripts.Renderを使用してレンダリングする必要があります...

ページはそのようなコードで終わります：

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

     @Scripts.Render("~/bundles/jqueryval")
     @Scripts.Render("~/bundles/modernizr")
     @RenderSection("scripts", required: false)
 </body>

そして、jquery IUが機能するようになりました！

于 2013-10-17T13:07:26.287 に答える
1

jQuery uiのバンドルを作成しましたが、ページに参​​照を設定していません。jQueryバンドル参照の後、日付ピッカーを作成する前に参照を追加します。日付ピッカーをIDまたはクラスとして設定しましたか？今あなたはそれをidとして設定します。テキストボックスに日付ピッカークラスを指定した場合は、jQueryのクラスセレクターを使用します。

于 2013-03-20T22:54:31.077 に答える