Bootstrap 4 Carousel not working -


building page carousel slider.

bootsrap 4 carousel not working:

<div id="carouselexampleindicators" class="carousel slide" data-ride="carousel">   <ol class="carousel-indicators">     <li data-target="#carouselexampleindicators" data-slide-to="0" class="active"></li>     <li data-target="#carouselexampleindicators" data-slide-to="1"></li>     <li data-target="#carouselexampleindicators" data-slide-to="2"></li>   </ol>   <div class="carousel-inner" role="listbox">     <div class="carousel-item active">       <img class="d-block img-fluid" src="/wp-content/themes/tarps/assets/img/aaatarps-banner.png" alt="first slide">     </div>     <div class="carousel-item">       <img class="d-block img-fluid" src="/wp-content/themes/tarps/assets/img/aaatarps-banner.png" alt="second slide">     </div>     <div class="carousel-item">       <img class="d-block img-fluid" src="..." alt="third slide">     </div>   </div>   <a class="carousel-control-prev" href="#carouselexampleindicators" role="button" data-slide="prev">     <span class="carousel-control-prev-icon" aria-hidden="true"></span>     <span class="sr-only">previous</span>   </a>   <a class="carousel-control-next" href="#carouselexampleindicators" role="button" data-slide="next">     <span class="carousel-control-next-icon" aria-hidden="true"></span>     <span class="sr-only">next</span>   </a> </div>  <script> $('.carousel').carousel({   interval: 2000}) </script> 

when open chrome developer tools, chrome console shows error follows:

uncaught referenceerror: $ not defined 

not quite sure have missed?

problem link js resource.


Comments

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -