bxslider旋轉木馬代碼

Question

我試圖從這個網站

http://bxslider.com/

我使用的具體程序，他們說什麼，但還是我的代碼不能正常工作 你們可以告訴我怎麼解決它實現滑塊

我提供我的小提琴代碼打擊

http://jsfiddle.net/v3efb/3/

http://jsfiddle.net/v3efb/3/embedded/result/

提供以下

<ul class="bxslider"> 
    <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li> 
    <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li> 
    <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li> 
    <li><img src="http://maxcdn.webappers.com/img/2009/01/jquery-carousel.png" /></li> 
</ul> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<!-- bxSlider Javascript file --> 
<script src="/js/jquery.bxslider.min.js"></script> 
<!-- bxSlider CSS file --> 
<link href="/lib/jquery.bxslider.css" rel="stylesheet" /> 

<script> 

    $(document).ready(function(){ 
    $('.bxslider').bxSlider(); 
}); 


</script> 

Answer 1

jsFiddle DEMO

我的代碼在你的標記，你正在使用相對路徑到jquery.min.js，bxslider.min.js和bxslider.css文件。

這意味着這些文件在其各自的子文件夾中是本地可用的。

然而，的jsfiddle不知道完整的URL路徑，又名絕對路徑，這些文件。

更改路徑以使它們成爲完整的URL。

提示：在的jsfiddle，您也可以利用左側的添加資源面板導入.js和.css文件作爲資產。