Javascript Ошибка выполнения броска при использовании jCarousel

Question

Я пытаюсь использовать jCarousel и при загрузке страницы он выдает эту ошибку ..

JavaScript runtime error: Object doesn't support property or method 'jcarousel' 

и я получаю принесенный к этой функции ...

(function($) { 
$(function() { 
    $('[data-jcarousel]').each(function() { 
     var el = $(this); 
     el.jcarousel(el.data()); 
    }); 

    $('[data-jcarousel-control]').each(function() { 
     var el = $(this); 
     el.jcarouselControl(el.data()); 
    }); 
}); 
})(jQuery); 

и ошибка в пятой строке.

вот моя разметка ...

<div class="wrapper"> 
     <div class="jcarousel-wrapper"> 
      <div data-jcarousel="true" data-wrap="circular" class="jcarousel"> 
       <ul> 
        <li><img src="images/1.png" width="600" height="400" alt=""></li> 
        <li><img src="images/2.png" width="600" height="400" alt=""></li> 
        <li><img src="images/3.png" width="600" height="400" alt=""></li> 
        <li><img src="images/4.png" width="600" height="400" alt=""></li> 
       </ul> 
      </div> 
      <a data-jcarousel-control="true" data-target="-=1" href="#" class="jcarousel-control-prev">&lsaquo;</a> 
      <a data-jcarousel-control="true" data-target="+=1" href="#" class="jcarousel-control-next">&rsaquo;</a> 
     </div> 
    </div> 

и вот сценарии в моем заголовке ...

<meta charset="utf-8" /> 
<title></title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="http://localhost:3108/code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
<link rel="stylesheet" href="/resources/demos/style.css"> 

<script src="jquery-1.10.2.min.js"></script> 
<script src="jcarousel.data-attributes.js"></script> 

Я пытался просто положить самое функцию в тег заголовка и его до сих пор выдает ошибку. Я искал ответ на это, и ничего конкретно не пришло.

Благодаря

Answer 1

Я, конечно, не эксперт по jCarousel, но я не вижу, где вы actually include it?

Я вижу то, что выглядит как плагин для него:

<script src="jcarousel.data-attributes.js"></script> 

Но я бы ожидать, чтобы увидеть фактический jCarousel сценарий до этого:

<script type="text/javascript" src="jquery.jcarousel.js"></script> 

UPDATE:

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

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.jcarousel.js"></script> 
<script type="text/javascript" src="jcarousel.data-attributes.js"></script> 

Вам необходимо включить jQuery, который вы уже используете. Вам также необходимо включить jCarousel, которого у вас нет в настоящее время. Вам просто нужно включить это перед плагином data-attributes, чтобы все работало.