2014-02-27 38 views
-3

我想將Basic jQuery Slider添加到我的網站。這裏是我的代碼:基本jQuery滑塊沒有出現

HTML:出現

<div id="slides"> 
<ul class="bjqs"> 
<li><a href="somelink"><img src="someimage" width="1200" height="200" title="Test"/></a></li> 
<li><a href="somelink"><img src="someimage" width="1200" height="200" title="Test2"/></a></li> 
</ul> 
</div> 

<script> 
jQuery(document).ready(function($) { 
    $('#slides').bjqs({ 
     animtype: 'slide', 
     height : 1200, 
     width : 200, 
     responsive : true 
    }); 
}); 
</script> 

什麼也沒有!沒有圖像,沒有滑塊沒有。

的jsfiddle:http://jsfiddle.net/46S6g/

+3

是否包含相關的文件? – Colleen

+0

您在控制檯中遇到什麼錯誤?你有沒有包含jQuery? – j08691

+0

@Colleen是的,我做了 –

回答

3

看起來你忘了,包括插件本身。

<script src="bjqs-1.3.min.js"></script> 

這裏有一個運作的jsfiddle:http://jsfiddle.net/46S6g/3/

我已經掛在了的jsfiddle外部資源窗格中的插件,並在框架&擴展面板加載了最新版本的jQuery。

希望這會有所幫助。

2

這就是我所做的和它的工作,像其他人說,你應該檢查,如果你真的包括所有文件。

http://jsfiddle.net/rVHAx/1/

$(function() { 
$('#slides').bjqs({ 
    animtype: 'slide', 
    height : 200, 
    width : 300, 
    responsive : true 
});