使用JCarouselLite新手网页开发人员的错误

Question

我是一个web开发巨头新手，所以请耐心等待，如果这是一个非常微不足道的问题。我正在尝试将JCoro​​uselLite加入我的网站以显示一些内容。 (Link to Developers site)

我按照上面的网站上给出的说明：

<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个脚本。

Answer 1

您是否也在根目录中执行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。