0

私のTwitterブートストラップカルーセルで多くの問題を抱えているので、私が何をしてもうまくいきません。私はトピックを投稿し、多くの良い反応を得ましたが、それは修正されませんでした. 私は今、それを修正するために何時間も働きたいと思っています。これを修正するのを手伝ってくれてありがとう。

穴側:

<!DOCTYPE>
<html>
<head> 
    <!--- START Styles --->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="index.css" type="text/css" />
    <!--- END Styles --->
    <!--- START Scripts --->
    <script type="text/javascript" src="http://localhost/mywebside/js/jquery.js"></script>
    <script type="text/javascript" src"http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        $('.carousel').carousel();
    </script>
    <!--- END Scripts --->
</head>
<body>
    <!--- NavBar TOP --->
    <nav class="navbar navbar-custom" role="navigation">
        <ul>

            <li class="li">
            <a href="http://localhost/mywebside/index.php" class="navbar-menu2">Home</a>
            </li>

            <li class="li">
            <a href="#" class="navbar-menu">Products</a>
                <ul class="dropdown">
                    <li><a class="text" href="">MineCraft Web</a></li>
                    <li><a class="text" href="#">Webdesign</a></li>
                    <li><a class="text" href="#">Prices and ordering</a></li>
                </ul>
            </li>

            <li class="li">
            <a href="#" class="navbar-menu2">References</a>
            </li>

            <li class="li">
            <a href="" class="navbar-menu2">MineCraft</a>
            </li>

            <li class="li">
            <a href="#" class="navbar-menu2">Contact Us</a>
            </li>

            <li class="li">
            <a href="#" class="navbar-menu2">About ...</name></a>
            </li>
        </ul>
    </nav>
    <div class="box">

        <h2 class="text-header">MineCraft Webside</h2>
         <h5 class="text-des">Advanced minecraft website with server status, forums, user profiles, shop and more.</h5>
         <div id="myCarousel" class="carousel">
          <div class="carousel-inner">
            <div class="active item"><img src="img/dirt.png" /></div>
        <div class="item"><img src="img/Wood.png" /></div>
        <div class="item"><img src="img/Stone.png" /></div>
          </div>

      <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>
</body>
</html>

コンソールエラーが発生しています:

Uncaught TypeError: Object [object Object] has no method 'carousel'
4

1 に答える 1

1

を閉じるのを忘れました$(document).ready(function(){。これはおそらくあなたの問題です。

<script type="text/javascript">
    $(document).ready(function(){
        $('.carousel').carousel();
    });
</script>

また、netdna CDN またはローカルからブートストラップ js および css を参照する必要があります。getbostrap.com URL はブートストラップのホストとして意図されていないため、使用しないでください (他に何もなければ、警告なしに消える可能性があります)。

于 2013-09-06T18:04:31.577 に答える