Jquery 使用jCarousel时引发javascript运行时错误

我正在尝试使用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>

我试着将函数本身放在header标记中，但它仍然会抛出一个错误。我一直在寻找这个问题的答案，但没有具体的答案

---

谢谢

我当然不是jCarousel方面的专家，但我不知道你在哪里

我看到一些东西看起来像它的插件：

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

但我希望在此之前看到实际的脚本：

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

更新：

我的意思是，为了使这项工作顺利进行，您需要的脚本的完整列表如下：

<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插件之前包括它，就可以让一切正常工作。

我对jquery和使用插件非常陌生，当我下载jCarousel时，它附带了一些示例，当我尝试运行我要修改的示例时，它不会运行，因为它表明jQuery没有定义。所以我试着重写这个例子，得到了我提到的错误。我只想找到一个脚本，我可以用它来做下一个和上一个导航的简单幻灯片，我可以用asp.net来做这件事，但是在移动到下一个图像时会有点抖动。jQuery看起来更流畅，不需要回发。我添加了text/javascript类型，但它抛出了相同的错误。这不是真正的问题。您需要确保包含jCarousel脚本。我会把答案更新得更清楚。我明白你的意思了，我忘了其中的一个关键部分。我以为我把它放在里面了。