0

簡単なものが欠けていますが、見つかりません。私のasp.net MVC5プロジェクトでは、bootstrap-switch. これは私がやったことです：

BundleConfig.cs:を追加bootstrap-switch.cssしbootstrap.switch.js、以下のように、

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js",
                  "~/Scripts/bootstrap-switch.js"));

bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/bootstrap-switch.css",
                  "~/Content/site.css"));

（そして、ファイルがそれらの場所にあることを確認してください）。

次に、ビューで次の3つのチェックボックスを試しました。

<input type="checkbox" class="switch" />
<input type="checkbox" class="switch" name="box" />
<input type="checkbox" 
    data-on-text="Option A"
    data-off-text="Option B"
    data-size="mini"
    name="box2" />

ビューファイルの下部に、

<script>
    $("[name='box']").bootstrapSwitch();
    $("[name='box2']").bootstrapSwitch();
</script>

しかし、プロジェクトを実行すると、チェックボックスは標準のチェックボックスのように見えます (CSS または機能が追加されていません)。

これに関する多くの投稿を読みました (私のコードはhttp://www.bootstrap-switch.org/ verbatim に従います) が、間違いを見つけることができません。

4

2 に答える 2

2

遅くて明白ですが、おそらく誰かにとっては役に立ちます。ドキュメントの準備ができたら、チェックボックスを初期化する必要があります。

<script>
    $(document).ready(function() {
        $("[name='box']").bootstrapSwitch();
        $("[name='box2']").bootstrapSwitch();
    });
</script>
于 2015-09-15T12:54:35.087 に答える
0

問題は、js ファイルをバンドルに含めると、ページの最後にレンダリングされることでした。したがって、バンドルにロードされた .js ライブラリを参照するビューで javascipt を使用する場合、それをビュー ファイルの最後に配置しても機能せず、スクリプト セクションをレンダリングします。

@section scripts{
    <script>
        $(".indent-1").css("background", "green");
    </script>
}

これはhtml、ライブラリがインポートされた後にファイルに表示されます。

于 2015-05-20T13:02:38.693 に答える