carouFredSel不是函数错误

Question

我正在努力建立carouFredSel。我做的每件事都是正确的-所有的链接都能工作。我正在使用智能模板将其添加到网上商店。我在chrome控制台中得到了这个错误：

Uncaught :jQuery(.).carouFredSel不是函数

header.tpl头部部分

<!-- jQuery -->       
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>  
<!-- CarouFredSel -->
<script src="http://serwer1449841.home.pl/autoinstalator/wordpress/wp-includes/js/jquery.carouFredSel-6.2.1.js" type="text/javascript"></script> 

{literal}
    <script type="text/javascript">
    jQuery(function() {
          jQuery('#carousel').carouFredSel({
                items                : 2,
                direction            : "up",
                scroll : {
                    items            : 1,
                    easing            : "elastic",
                    duration        : 1000,
                    pauseOnHover    : true
                }
            });
        });
    </script>
{/literal}

footer.tpl

<div id='carousel'>
    <img src='http://example.com/img1.png' width='105' />
    <img src='http://example.com/img2.png' width='110' />
    <img src='http://example.com/img3.png' width='105' />
    <img src='http://example.com/img4.png' width='120' />
    <img src='http://example.com/img5.png' width='105' />
    <img src='http://example.com/img6.png' width='200' />
</div>

css

#carousel img {
    padding: 16px 10px 14px 10px;
}

#carousel {
    width: 1178px;
    height: 126px;
    margin: 0 auto;
}

去旋转木马的路是对的，我错过了什么？

Answer 1

我有同样的问题，这个答案帮助了我，bug.cgi?id=879298#c3

​

<ol>
  <li>jQuery loaded into DOM</li>
  <li>caroFredSel plugin is attached to jQuery in DOM</li>
  <li>Something is causing ANOTHER instance of jQuery to load into the DOM, overwriting the previous $ object.</li>
  <li>When caroFredSel() is called on the $ object in carousel.js, since it is a new jQ object, the method doesn't exist.</li>
</ol>

​

希望这对你也有帮助