使用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。