Я не могу получить базовый bxslider для работы

** Хорошо, так что не убивайте меня, я новый для 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>

источник

2013-10-09 user2860816

Вы не хватает '#' в селекторе. '$ ('# slider1'). bxSlider();' – PSL

@PSL Должен был написать это как ответ! – Yuck

Downvoters должен объяснить ** почему ** они являются downvoting, partcularly для новых пользователей на сайте. Я лично не понимаю, почему это заслужило ниспровержение, учитывая, что был предоставлен четкий, отформатированный код, и проблема была хорошо объяснена, усилия, предпринятые OP, и т. Д. И т. Д. – Yuck

чтения документации # id-selector

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

Learn jQuery

источник

2013-10-09 01:15:35

Я ЖЕЛАЮ, что это было ... Я изменил его и не повезло. Но спасибо, я буду читать на id-селекторах. :( – user2860816

@ user2860816 можно сделать скрипку. –

Я не могу получить базовый bxslider для работы

ответ

Смежные вопросы