Блог

Я большой новичок в веб-разработке, так что потерпите, если это очень тривиальная проблема. Я пытаюсь включить JCorouselLite на свой веб-сайт для отображения некоторого контента. (Ссылка на сайт разработчиков)

Я следую инструкциям, приведенным на сайте выше:

 <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
<button class="prev"><<</button>
<div>
  <ul>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
  </ul>
</div>
<button class="next">>></button>
<script type="text/javascript">
   $(".default .jCarouselLite").jCarouselLite({
        btnNext: ".default .next",
        btnPrev: ".default .prev"
   });   
</script>
  

Что из инструкций должно работать. Я получил оба jquery.js и jcarousellite.js с сайта и поместите их оба в папку под названием «js», которая находится в корне моего сайта. Кто-нибудь может увидеть, где я ошибаюсь? Похоже, что он неправильно импортирует 2 скрипта.

Страница, на которой вы делаете Карусель, тоже находится в корне? или вы понизили уровень, скажем, «/ Carousel», если это так, вам нужно будет изменить src на

src="../js/jcarousellite.js"

внесите эти изменения:

 <div class="jCarouselLite">
  <ul>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
     <li>Test</li>
  </ul>
</div>
<button class="next">>></button>
<script type="text/javascript">
   $(".jCarouselLite").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
   });   
</script>
  

Вы правильно назвали jquery. Но не применяя его ни к одному div.