bxSlider工作不正常

Question

出於某種原因，我無法讓我的jQuery工作。我跟着每一步都沒有！這裏發生的事情：

所有的樣式和JavaScript：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"> <\/script>')</script> 
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script> 
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" type="text/css" /> 

而我的HTML：

<ul id="bxslider"> 
<li><img src="1.jpg" /></li> 
<li><img src="2.jpg" /></li> 
<li><img src="3.jpg" /></li> 
</ul> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.bxslider').bxSlider({ 
     auto: true, 
     autoControls: true 
    }); 
}); 
</script> 

Answer 1

您開始使用bxslider作爲class滑塊，但在你的情況下，你必須使用as id selector like：

$(document).ready(function() { 
    $('#bxslider').bxSlider({ 
     auto: true, 
     autoControls: true 
    }); 
}); 

個選擇器文檔：http://api.jquery.com/category/selectors/

工作小提琴：http://jsfiddle.net/IrvinDominin/UV4r4/1/

Answer 2

而且，你想先，然後加載CSS的JavaScript文件。