Question 369008 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Jquery – how do i fic my html code , i doesent load

   <div class="carousel">
        <a class="carousel-item" href="#">
          <img src="./mclaren-1.jpg" alt="">
        </a>
        <a class="carousel-item" href="#">
          <img src="./mclaren-2.jpg" alt="">
        </a>
        <a class="carousel-item" href="#">
          <img src="./mclaren-3.jpeg" alt="">
        </a>
        <a class="carousel-item" href="#">
          <img src="./mclaren-4.jpeg" alt="">
        </a>
        <a class="carousel-item" href="#">
          <img src="./mclaren-5.jpeg" alt="">
        </a>
      </div>

     </div>

  </div>
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  <script src="./script.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $('.carousel').carousel();
     });
  </script>

I tried to make a dynamic website, I have a school project, I thought this one was cool,
https://youtu.be/mlQbYMrhul0?si=R89FVwwXG05WIIj3 <== the tutorial I was seeing, now at this point it doesn’t load, all blank, my problem here starts at 48:48 at this video, it has some problem with script code the last 3 at the end, if someone can help me, much appreciated!

Tags:

2

Answers


  1. 0
    1. Check the file path
    2. you have added materialize.min.js but inserting css is missing
    3. verify is there any script conflicts.

    otherwise this code looks good.

    Login or Signup to reply.
  2. 0

    Please check your links…

     $(document).ready(function() {
    $('.carousel').carousel();
  });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

<div class="carousel">
  <a class="carousel-item" href="#">
    <img src="https://picsum.photos/id/237/500" alt="">
  </a>
  <a class="carousel-item" href="#">
    <img src="https://picsum.photos/id/16/500" alt="">
  </a>
  <a class="carousel-item" href="#">
   <img src="https://picsum.photos/id/17/500" alt="">
  </a>
  <a class="carousel-item" href="#">
     <img src="https://picsum.photos/id/18/500" alt="">
  </a>
  <a class="carousel-item" href="#">
     <img src="https://picsum.photos/id/19/500" alt="">
  </a>
</div>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search