Question

尝试使用引导程序制作幻灯片。但是，单击导航按钮时图像不会改变。

第一张图像显示正确，导航按钮可见。

    <html lang=“en”>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>About</title>

    <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">
    </head>
    <body>

    <div class="row-fluid">
        <div class="span12">
            <div class="container">
                <div id="this-carousel-id" class="carousel slide">
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="http://foto.qaz.dk/malta2013/DSC02744_v1.jpg" alt="Birdie" />
                        </div>
                        <div class="item">
                            <img src="http://foto.qaz.dk/malta2013/DSC02834_v1.jpg" alt="phone" />
                        </div>
                    </div>
                    <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
                </div>
            </div>
        </div>
    </div>
    <!-- end carousel -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    </body>

    </html>

Answer 1

首先，有几个语法问题：

在//ajax.google...

之前需要 http：

而且我很确定这种反斜杠不应该存在：<\/script>

然后，检查您的源以确保正确链接jquery。

Bootstrap Carousel无法滑动

1 个答案: