Fatal编程技术网

Javascript 引导传送带未启动

javascript jquery html twitter-bootstrap

Javascript 引导传送带未启动,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我不能让引导传送带开始，嗯，传送带。下面是我尝试做的所有代码。当它在浏览器中渲染时，我看到的只是两个图像，一个在另一个上面，一个在它们下面小于或大于。它只是呈现HTML定义的div，而不是在旋转木马中呈现。我验证了jQuery.ready函数正在被调用，并且正在调用代码来初始化旋转木马。我也在多个浏览器上尝试过——IE9、Chrome和Firefox。我的点子快用完了。任何帮助都将不胜感激。谢谢 <!DOCTYPE html> <html xmlns="http://www.

我不能让引导传送带开始，嗯，传送带。下面是我尝试做的所有代码。当它在浏览器中渲染时，我看到的只是两个图像，一个在另一个上面，一个在它们下面小于或大于。它只是呈现HTML定义的div，而不是在旋转木马中呈现。我验证了jQuery.ready函数正在被调用，并且正在调用代码来初始化旋转木马。我也在多个浏览器上尝试过——IE9、Chrome和Firefox。我的点子快用完了。任何帮助都将不胜感激。谢谢

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <link type="text/css" href="styles/carousel.css" />

    <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap-transition.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap-carousel.js"></script>

</head>
<body>
    <script type="text/javascript">

        $(function () {
            $('#carousel').carousel();
        });

    </script>

    <div id="carousel" class="carousel">

      <div class="carousel-inner">

        <div class="item active">
           <img src="images/APM_icon_big.png" alt="Some Alt Text" />
           <div class="carousel-caption">
             Some caption
           </div>
         </div>

        <div class="item">
           <img src="images/appdev_icon_big.png" alt="Some Alt Text" />
           <div class="carousel-caption">
             Some caption
           </div>
         </div>

        …

      </div>

      <a class="carousel-control left" href="#carousel" data-slide="prev">&lsaquo;</a>
       <a class="carousel-control right" href="#carousel" data-slide="next">&rsaquo;</a>

    </div>
</body>
</html>


$（函数（）{
$（'旋转木马'）.carousel（）；
});
一些标题
一些标题
…
在这种情况下，它似乎工作得很好

确保包含引导为旋转木马定义的样式：小提琴中包含的css来自仅选择JS components>carousel

把你的
放在
里或者放在你的页面末尾可能不会有什么坏处。

我想出来了。我的
链接
标记中缺少一个
rel=“stylesheet”

你确定吗
href=“#旋转木马”
当您单击箭头时，是否会出现任何旋转木马行为？尝试向具有旋转木马类的div添加一个“slide”类。您可能缺少一些CSS。你要包含的carousel.css是bootstrap中的吗？我想出来了。我的链接标签中缺少一个rel=“stylesheet”。谢谢你的帮助！