Я хотел бы использовать следующий проект на 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.
'<сценарий SRC =" HTTP: //andreruffert.github .io/rangelider.js/assets/rangelider.js/dist/limitslider.min.js '> 'выглядит довольно неправильно ... это один «скрипт», но вы включаете 2 источника. – tymeJV
Ive попробовал только один, и он тоже не работал ... я думал, что должен был включить оба из-за того, что он сказал в github (есть часть jquerry и часть javascript) – Rose
Просто включите один и убедитесь, что jQuery на самом деле загружен. Если вы открываете консоль, вы видите ошибки? – tymeJV