1

ここには、基本テーマを使用した標準のすぐに使える MVC4 アプリがあります。

私はThemeroller zipも持っています。

ストック テーマの代わりにカスタム jqueryui テーマをアプリに適用するにはどうすればよいですか? 各ステップが実行される理由の説明を含むステップバイステップの指示は大歓迎であり、MVC4 のテーマの霧を取り除くのに大いに役立ちます。

(私は質問 11892182 を認識しており、成功することなく正確に従っています。それは 1 年前のものであり、jQueryUI と MVC4 の間で状況が改善されたことを願っています)

デイブ

4

3 に答える 3

0

sherwaniusman、私はあなたが提案したことを試しましたが、自分のCSSを完全に壊すことしかできませんでした. 私は何かが欠けている必要があります。何が起こっているのか理解したつもりだったが、どうやらそうではないようだ。

別のことを試してみましょう。これが私がしたことです。どこで間違ったのか教えてもらえますか?

  1. http://jqueryui.com/themeroller/から「le-frog」テーマをダウンロード

  2. zip を開き、js フォルダー内の 3 つのファイルを MVC4 アプリの Scripts フォルダーにコピーしました。3 つのファイルは、jquery-1.9.1.js、jquery-ui-1.10.3.custom.js、および jquery-ui-1.10.3.custom.min.js でした。

  3. 「le-frog」フォルダーを zip からアプリの Content/themes フォルダーにコピーして、Content/themes/le-frog フォルダーを作成しました。le-frog フォルダには、2 つのファイルと images サブフォルダが含まれています。2 つのファイルは、jquery-ui-1.10.3.custom.css と jquery-ui-1.10.3.custom.min.css です。

  4. _Layout.cshtml を編集して、これを唯一の Styles.Render として

    @Styles.Render("~Content/themes/le-frog/css")

そしてこれは最後に

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

  1. BundleConfig.cs を編集して、これらの各シンボルを正しい宛先に向けるようにしました。

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

    bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
    "~/Scripts/jquery-ui-1.10.3.custom.js"));

    bundles.Add(new StyleBundle("~/Content/themes/le-frog/css").Include("~/Content/themes/le-frog/jquery-ui-1.10.3.custom.css"));

これは機能するはずですが、代わりに CSS スタイルがまったくないページが表示されます。

お願いします...ここで何が欠けていますか?

デイブ

于 2013-08-05T14:45:45.420 に答える