Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 推特引导-旋转木马_Javascript_Jquery_Html_Twitter Bootstrap_Carousel - Fatal编程技术网

Javascript 推特引导-旋转木马

Javascript 推特引导-旋转木马,javascript,jquery,html,twitter-bootstrap,carousel,Javascript,Jquery,Html,Twitter Bootstrap,Carousel,我以前在教程中做过这件事,它可以完美地工作,现在当我重新创建它时,它拒绝工作,我将提供代码和错误报告 HTML: <div class="carousel slide" id="myCarousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> &l

我以前在教程中做过这件事,它可以完美地工作,现在当我重新创建它时,它拒绝工作,我将提供代码和错误报告

HTML:

<div class="carousel slide" id="myCarousel">
    <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>
    <div class="carousel-inner">
        <div class="item active"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
        <div class="item"><img src="http://placehold.it/1200x481" alt="placeholdit"></div>
        <div class="item"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
        <div class="item"><img src="http://placehold.it/1200x482" alt="placeholdit"></div>
    </div>
</div>

  • JS:(文件链接放在正文中,代码也放在正文中)

    
    $(文档).ready(函数(){
    $(#myCarousel')。carousel({interval:2000});
    });
    
    错误报告:

    <div class="carousel slide" id="myCarousel">
        <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>
        <div class="carousel-inner">
            <div class="item active"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
            <div class="item"><img src="http://placehold.it/1200x481" alt="placeholdit"></div>
            <div class="item"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
            <div class="item"><img src="http://placehold.it/1200x482" alt="placeholdit"></div>
        </div>
    </div>
    
    TypeError:$不是函数 file:///C:/Users/Christopher/Desktop/Portfolio_Final/js/bootstrap.js 第29行

    TypeError:$(…)。旋转木马不是函数 file:///C:/Users/Christopher/Desktop/Portfolio_Final/index.html#myCarousel 第89行


    看起来,它报告的函数错误不存在,jquery版本在1.9.1上,引导插件依赖于jquery。所以你必须先加载它

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    ...
    
    
    ...
    
    试试这个

        jQuery.noConflict();
        jQuery(document).ready(function () {
            jQuery('#myCarousel').carousel({ interval: 2000 });
        });
    

    谢谢,这么简单,容易忽略的东西,谢谢。