2015-07-22 2 views
-2

Я хотел бы использовать следующий проект на github для веб-сайта: https://github.com/andreruffert/rangeslider.js. Это первый для меня, поэтому, пожалуйста, расскажите мне, но я просмотрел все темы и не могу точно определить, где мой код неправильный.Как использовать слайдер-проект от GitHub?

<head> 
<title> my slider </title> 
<link type="text/css" rel="stylesheet" href="https://github.com/andreruffert/rangeslider.js/blob/develop/src/rangeslider.scss" /> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
     <script src = "http://andreruffert.github.io/rangeslider.js/assets/rangeslider.js/dist/rangeslider.min.js"> </script> 

Затем в разделе теле есть:

<input type="range" min="10" max="1000" step="10" value="300"> 
<script> 

     $('input[type="range"]').rangeslider({ 
      polyfill: false 
    }); 
</script> 

С этим кодом, я не могу видеть ползунок на моей странице. Что я делаю не так?

Я тестировал в Интернете проводник и хром.

Я установил файлы с загрузкой zip-файла и установкой npm.

+0

'<сценарий SRC =" HTTP: //andreruffert.github .io/rangelider.js/assets/rangelider.js/dist/limitslider.min.js '> 'выглядит довольно неправильно ... это один «скрипт», но вы включаете 2 источника. – tymeJV

+0

Ive попробовал только один, и он тоже не работал ... я думал, что должен был включить оба из-за того, что он сказал в github (есть часть jquerry и часть javascript) – Rose

+0

Просто включите один и убедитесь, что jQuery на самом деле загружен. Если вы открываете консоль, вы видите ошибки? – tymeJV

ответ

0

я нашел решение моей проблемы, и только в случае, если кто-то борется с чем-то подобным .. казалось, что проблема с ссылками .. вот что я использую в настоящее время, и она работает:

"https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/1.2.2/rangeslider.min.css"

"//code.jquery.com/jquery-1.11.3.min.js"

"http://andreruffert.github.io/rangeslider.js/assets/rangeslider.js/dist/rangeslider.min.js">

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