使用JCarouselLite的新手Web开发人员出错

时间:2011-10-06 13:37:08

标签: javascript jquery html

我是网络开发的新手,所以如果这是一个非常微不足道的问题请耐心等待。我正在尝试将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个脚本。

1 个答案:

答案 0 :(得分:0)

您在根目录中进行Carousel的页面也是吗?或者你是否说'/ 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。