Komponent slider framework'u bootstrap - jak uruchomić na stronie?

0

Witam, usiłuję na początek uruchomić na stronie slider z framework'u o nazwie bootstrap, tak jak pokazano w pierwszym przykładzie tutaj : http://seiyria.github.io/bootstrap-slider/.

Mam taki oto kod:

<html>
    <head>
    <title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="css/slider.css" type="text/css" />
<script src="js/bootstrap.js" language=javascript type="text/javascript"></script>
<script src="js/bootstrap-slider.js" language=javascript type="text/javascript"></script>
 <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    </head>
    <body>
    <h1>Hello, world!</h1>
   <script>
$('#ex1').slider({
	formater: function(value) {
		return 'Current value: ' + value;
	}
});
</script>

  <input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>
    </body>
</html>

Pobrałem cały framework. Pobrałem również pliki slidera z tej strony : http://www.eyecon.ro/bootstrap-slider/ dla pewności wrzuciłem wszystko, ale zamiast oczekiwanego efektu wyświetla mi się zwykłe pole do wpisywania tekstu. Co zrobiłem źle? Powinienem coś jeszcze dołączyć? Jestem raczej początkujący, proszę o wyrozumiałość.

0

nie odpalasz tego skryptu. zamien to:

     $('#ex1').slider({
          formater: function(value) {
              return 'Current value: ' + value;
          }
     });

na to:

$(document).ready(function(){
       $('#ex1').slider({
          formater: function(value) {
              return 'Current value: ' + value;
          }
      });
       
     });
0

Eeehhh...Dalej nie działa, widać tylko komórkę do wpisania tekstu.

4

ODPAL KONSOLE -> to tez rada na przyszlosc, tam bedziesz mial wszystkie bledy i liste brakujacych plikow. pewnie zle podpinasz pliki, moze sa w innym folderze (moze ptrzez to ze uzywasz bezwglednych sciezek). nie wiem, ale przyklad chodzi http://jsbin.com/noxuhovocori/1/edit, a ty musisz zerknac w konsole bledow w narzedziach developerskich twojej przegladarki.

0

Dzięki za pomoc. Wygląda na to, że to wina mojego zamulonego internetu. Nie dał rady załadować wszystkich arkuszy i skryptów, które nie znajdowały się na dysku. Teraz ściągam wszystko na twardziela i stopniowo podpinam eliminując błędy. Powinno być dobrze.

1 użytkowników online, w tym zalogowanych: 0, gości: 1