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"));

（并确保文件位于这些位置）。

然后，在一个视图中，我尝试了以下三个复选框，

<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/逐字），但找不到我的错误。

4

2 回答 2

2

迟到且明显，但可能对某人有用。当文档准备好时，需要初始化复选框。

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

问题是，如果您在包中包含 js 文件，它会在页面上最后呈现。因此，如果您在视图上使用 javascipt 并引用加载在包中的 .js 库，则将其放在视图文件的末尾是行不通的，而是渲染脚本部分，

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

html导入库后，这将出现在文件上。

于 2015-05-20T13:02:38.693 回答