Question

我使用ASP.Net MVC 5 + Twitter Bootstrap 3时遇到了一些问题。

样式，有效，没有问题 - 但我放入的旋转木马不循环，也不响应下一个/上一个箭头或导航按钮。

我甚至放弃并从文章中提取了一个轮播示例：（Bootstrap Carousel Tutorial以排除我的代码中的错误。

代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>

    @Styles.Render("~/Content/css") <!-- this is the bundle name -->
    @Scripts.Render("~/Content/bundles/modernizr")      

</head>
<body>

   <!--------------------------- Carousel ------------------------------->


   ( Exact code from http://bootstrapbay.com/blog/bootstrap-3-carousel-tutorial/ )


   <!-------------------------------------------------------------------->

    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>


    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

但它起作用，如开头所述。有线索吗？ [我不想用我的Site.less或BundleConfig代码弄乱这个问题 - 但如果你需要它，请问。]

（对于记录我也试过

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script src="~/Content/Scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="~/Content/Scripts/respond.js"></script>

而不是捆绑 - 但结果相同......）

Answer 1

一旦指向正确的方向，我发现我移动了文件/重命名了捆绑包并且没有更新呼叫。

而不是

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

我应该有

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

匹配捆绑配置

var jqueryBundle = new ScriptBundle("~/Content/bundles/jquery");
...
var bootstrapBundle = new ScriptBundle("~/Content/bundles/bootstrap");

ASP.Net Razor页面上的Boostrap轮播问题

1 个答案: