carouFredSel不是函数错误

时间:2015-07-22 10:04:00

标签: jquery html

我正在努力建立carouFredSel。我正在做的一切 - 所有链接都有效。我正在使用智能模板在网上商店添加此功能。我在chrome控制台中收到此错误:

  

未捕获的TypeError: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;
}

caroufredsel的路径是正确的,我缺少什么?

1 个答案:

答案 0 :(得分:-1)

我有同样的问题,这个答案对我有帮助 https://bugzilla.mozilla.org/show_bug.cgi?id=879298#c3

{{1}}

希望这也有助于你