Question

在BundleConfig.cs中，我添加了bootstrap.js和bootstrap.css文件，在布局页面中，我使用以下代码渲染了这些文件：

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery")

并且在我的索引页面中，我想使用popover工具。我的Index.cshtml文件：

<div class="container" style="padding: 100px 50px 10px;">
    <button type="button" class="btn btn-default" title="Popover title"
        data-container="body" data-toggle="popover" data-placement="left"
        data-content="Some content in Popover on left">Popover on left
    </button>
</div>

<script>
    $(function () {
        $("[data-toggle='popover']").popover();
    });
</script>

顺便说一句，我使用bootstrap-3.2.0，所以bootstrap.js文件包含所有插件，不是吗？我无法找到我犯错误的地方。提前谢谢。

编辑-1：

我已经意识到了什么。在我的布局页面中，我添加了这一行：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

但是我已经有bootstrap.js文件，当我删除上面的行时，所有组件都没有工作，比如下拉等。如果我有bootstrap.js文件，那么所有组件都必须工作，必须＆＃他们不是吗？

Edit-2：我的BundleConfig类：

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

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

Bootstrap-3.2.0 popover不起作用

0 个答案: