bxSlider가 제대로 작동하지 않습니다.

Question

무엇 때문에 jQuery를 작동시킬 수 없습니다. 나는 모든 단계와 아무 것도 따라하지 않았다!

모든 스타일과 자바 스크립트 :

<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

당신은 class로 bxslider를 사용하여 슬라이더를 시작하고 있지만 귀하의 경우 사용 할를 여기에 무슨 일이 일어나고 있는지의 같은 id 선택자 :

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

선택기 워드 프로세서 : http://api.jquery.com/category/selectors/

근무 바이올린 : 또한 http://jsfiddle.net/IrvinDominin/UV4r4/1/

Answer 2

, 먼저 다음, 자바 스크립트 파일을 CSS를로드 할 것입니다.