Question

我的旋转木马有问题。它一直工作到昨天，但事情发生了，现在图片不会..只显示第一张图片，即使你点击下一个图标，它仍然没有移动。我的jquery被加载，控制台没有显示任何错误。

<section class="full-screen">
    <div id="myCarousel" class="carousel slide">
        <!-- Indicators -->

        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <asp:Image src="~/Images/Carousel/Carousel-4.jpg" alt="Chania" runat="server" />
                <div class="carousel-caption">
                    <h3>Chania</h3>
                    <p>The atmosphere in Chania has a touch of Florence and Venice.</p>
                </div>
            </div>

            <div class="item">

                <asp:Image ImageUrl="~/Images/Carousel/Carousel-2.jpg" alt="Chania" runat="server" />
                <div class="carousel-caption">
                    <h3>Chania</h3>
                    <p>The atmosphere in Chania has a touch of Florence and Venice.</p>
                </div>
            </div>

            <div class="item">

                <asp:Image ImageUrl="~/Images/Carousel/Carousel-3.jpg" alt="Flower" runat="server" />
                <div class="carousel-caption">
                    <h3>Flowers</h3>
                    <p>Beatiful flowers in Kolymbari, Crete.</p>
                </div>
            </div>

            <div class="item">
                <asp:Image ImageUrl="~/Images/Carousel/Carousel-1.jpg" alt="Flower" runat="server" />
                <div class="carousel-caption">
                    <h3>Flowers</h3>
                    <p>Beatiful flowers in Kolymbari, Crete.</p>
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                <span class="icon-prev"></span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                <span class="icon-next"></span>
            </a>
        </div>
    </div>
</section>

这些是我的捆绑文件：

public static void RegisterBundles(BundleCollection bundles)
{
    // Order of CSS or JS
    // 1. JS
    // 2. CSS

    #region JS / Script
    bundles.Add(new ScriptBundle("~/bundles/jQuery").Include(
         "~/Scripts/jquery-2.1.4.js",
        "~/Scripts/jquery-2.1.4.min.js",
        "~/Scripts/bootstrap.js",
        "~/Scripts/google-maps.js",
         "~/Scripts/jquery-smoothScrolling.js",
         "~/Scripts/full-slider.css",                 
        "~/Scripts/bootstrap.min.js",
         "~/Scripts/carousel.js"
       ));

    #endregion

    #region CSS / Style
    bundles.Add(new StyleBundle("~/bundles/BootstrapCss").Include(
        "~/Content/bootstrap-theme.css",
        "~/Content/bootstrap.min.css",
        "~/Content/bootstrap.css",
        "~/Content/site.css",
        "~/Content/full-slider.css",
        "~/Content/simplelightbox.css",
        "~/Content/simplelightbox.min.css",
        "~/Content/simplelightbox.scss",
        "~/Content/simple-sidebar.css"
        ));
    #endregion
}

Answer 1

请使用＆＃34;〜/脚本/ jQuery的2.1.4.js＆＃34;或＆＃34;〜/ Scripts / jquery-2.1.4.min.js＆＃34;

并使用简单的方法来调用javascript，例如将链接拖放到您的母版页或aspx页面...，当您调用javascript时，您调用的可能是它反映您的页面加载事件...

旋转木马不工作

1 个答案: