Javascript 推特引导旋转木马不旋转图像_Javascript_Jquery_Html_Twitter Bootstrap

Javascript 推特引导旋转木马不旋转图像

javascript jquery html twitter-bootstrap

Javascript 推特引导旋转木马不旋转图像,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,活动图像正在显示，但之后什么也没有发生。我对Bootstrapper是新手，所以我希望有人能让我知道我是否缺少库，或者语法有误。我环顾四周，似乎一切都正常 <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link rel

活动图像正在显示，但之后什么也没有发生。我对Bootstrapper是新手，所以我希望有人能让我知道我是否缺少库，或者语法有误。我环顾四周，似乎一切都正常

        <head>
            <meta charset="utf-8">
            <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
            <link rel="stylesheet" href="css/bootstrap-responsive.css">

            <title></title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">

        </head>
        <body>
            <div class="container">
                <div class="navbar navbar-fixed-top">
                    <div class="navbar-inner">
                        <div class="container">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-th-list"></span></a>
                        <a href="#" class="brand">California Autism Center & Learning Group</a>
                        <div class="nav-collapse collapse">
                            <ul class="nav pull-right">
                                <li class="active"><a href="#">Home</a></li>
                                <li><a href="#">About</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Our Staff</a></li>
                            </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-unit">
                    <div id="myCarousel" class="carousel slide">
                        <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>
                        </ol>
                        <!-- Carousel items -->
                        <div class="carousel-inner">
                            <div class="active item" alt=""><img src="img/Banner.jpg"/></div>
                            <div class="item" alt=""><img src="img/autism1.jpg"/></div>
                            <div class="item" alt=""><img src="img/autism2.jpg"/></div>
                        </div>
                        <!-- Carousel nav -->
                        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span8">
                    <h3>How We Started</h3>
                        <p>Add information here.</p>
                    <h3>Our Goals</h3>
                        <p>Add nformation here.</p>
                    </div>
                </div>
                <hr>
        <div class="container">
        <div class="row-fluid">
            <div class="span4">
                <p>&copy; 2013 <a href="#"></a></p>
            </div>
            <div class="span4 text-center">
                <ul class="nav inline">
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul>
            </div>
            <div class="span4 text-right">
                <p></p>
            </div>
        </div>
    </div>

            </div>


            <script src="//code.jquery.com/jquery-1.10.0.min.js"></script>
            <script src=”js/bootstrap.js”></script>
        </body>
    </html>

my .js code:

    $(document).ready(function() {        
            $('#myCarousel').carousel({
                interval: 2000
            })

        });












我们是怎么开始的
在此处添加信息
我们的目标
在此处添加信息

&抄袭；2013年






my.js代码：
$（文档）.ready（函数（）{
$（'myCarousel'）。carousel({
间隔时间：2000年
})
});

我已经根据您的代码创建了一个新的占位符，它运行良好（除了图像是404占位符这一事实之外）。我猜问题在于你在这里使用的那些引用：

<script src=”js/bootstrap.js”></script>

我的Chrome不把这些作为正常的引用，事实上这一行变成：

<script src="”js/bootstrap.js”"></script>

在结束正文标记之前尝试此操作。当我在BS2和BS3上使用时，它可以工作

<script>
    $('.carousel').carousel({
    pause:false,
    interval:7000
    })
</script>


$（'.carousel'）。carousel({
暂停：错，
间隔时间：7000
})

您将js代码放在哪里？这必须放在js代码之前。我不确定是否真的需要它，但请尝试从

$（'myCarousel'）开始。carousel（'cycle'）我尝试了#myCarousel，但运气不佳，因此迪帕斯指出，这可能与我的脚本顺序有关。我将更新并重试。谢谢