0

ASP.Net MVC プロジェクトで jQuery ライブラリを使用しています。

次のコード スニペットは、「BundleConfig.cs」からのものです。

public class BundleConfig
{
    // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
    public static void RegisterBundles(BundleCollection bundles)
    {
        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 ScriptBundle("~/bundles/jqgrid").Include(
            "~/Scripts/jquery.jqGrid.min.js", 
            "~/Scripts/grid.locale-en.js"));

        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",
                    "~/Content/ui.jqgrid.css"));
    }
}

これは、@Stlyes.Render があるレイアウト ファイルの HTML コードです。私の理解では、上記のコードにバンドルしたすべての JavaScript ライブラリと CSS を含めることになっています。ただし、ページ ソースを表示すると、いくつかのライブラリしか含まれていません (下のスクリーンショットを参照)。

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqgrid")

</head>

ここに画像の説明を入力

BundleConfig.cs ファイルに指定した後でも、すべての javascript および css ファイルが含まれていない理由がわかりません。

助けてください！

JavaScript ファイルのリストのソリューション エクスプローラーのスクリーンショットを追加しました。 ここに画像の説明を入力

4

1 に答える 1

0

@ haim770 からのコメントを参照してください。彼が指定した別の質問へのリンクは、この質問に関連しています。.Net のレンダリングに問題があるようです。または、2 つのバージョンの js または css が縮小版または通常のバージョンであっても含めます。私がしたことは、jQuery ライブラリ ファイルの名前を min.js から .js に変更することです。

また、_Layout.cshtml (ビュー) ファイル内のいくつかの js および css ファイルの @Scripts.Render タグがいくつか欠落していました。それらを含めた後、コードは正常に動作するようになりました。ご協力ありがとうございました！

于 2015-05-10T10:28:53.047 に答える