2013-10-09 3 views
3

** 그래, 나 죽이지는 마라. 나는 jquery와 bxsliders에 익숙하지 않지만이 모든 것을 펀트하고 구원자를 필요로하고있다. 내 모든 파일이 올바른 위치에 있다고 생각합니다 ... 나는 이것을 파악할 수 없습니다.나는 기본적인 bxslider를 사용할 수 없다.

간단한 문제 : 작업 슬라이더를 얻으려고 노력 : **

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script> 
</head> 

<body> 
<div class="container"> 

<script type="text/javascript"> 
$(document).ready(function(){ 
$('slider1').bxSlider(); 
$('slider2').bxSlider(); 
}); 
</script> 

<div class="sliders"> 

<h3>Slideshow 1</h3> 
<ul id="slider1"> 
<li><img src="images/JT.jpg" /></li> 
<li><img src="images/RW.jpg" /></li> 
<li><img src="images/WJ.jpg" /></li> 
<li><img src="images/DF.jpg" /></li> 
<li><img src="images/BE.jpg" /></li> 
<li><img src="images/JH.jpg" /></li> 
</ul> 

<h3>Slideshow 2</h3> 
<ul id="slider2"> 
<li><img src="images/JT.jpg" /></li> 
<li><img src="images/RW.jpg" /></li> 
<li><img src="images/WJ.jpg" /></li> 
<li><img src="images/DF.jpg" /></li> 
<li><img src="images/BE.jpg" /></li> 
<li><img src="images/JH.jpg" /></li> 
</ul> 

</div> 
</div> 
</body> 
</html> 
+2

당신은 선택에'#'를 누락되었습니다. '$ ('# slider1'). bxSlider(); ' – PSL

+1

@PSL 답으로 써야 할 것 같습니다! – Yuck

+2

Downvoters는 이유 **를 설명해야합니다 ** 그들은 downvoting, partcularly 사이트에 새로운 사용자. 나는 개인적으로 분명히 형식화 된 코드가 제공되었고 문제가 잘 설명되었으므로 downvote를 받아야한다고 이해하지 않는다. OP 등으로 만든 노력. – Yuck

답변

1

읽기 문서 # id-selector

$(document).ready(function() { 
    $('#slider1').bxSlider(); 
    ^// added # tag for id-selector 
    $('#slider2').bxSlider(); 
    ^// added # tag for id-selector 
}); 

Learn jQuery

+0

나는 그것이 그것을 바랐다. ... 나는 그것을 바꿨다. 그리고 행운이 없다. 하지만 고마워, 나는 id-selectors에 대해 읽을 것이다. : – user2860816

+0

@ user2860816 바이올린을 만들 수 있습니다. –

관련 문제