Я знаю, что это основной вопрос, но я просто не могу заставить их работать.Я почти уверен, что это как-то связано с зависимостями и порядком, в который я их включаю, любая помощь будет высоко оценена.
$(".slider").slider().slider("pips");
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/jquery-ui/jquery-ui.min.js"></script>
<script src="bower_components/jQuery-ui-Slider-Pips/dist/jquery-ui-slider-pips.js"></script>
<link rel="stylesheet" href="bower_components/jquery-ui/themes/base/jquery-ui.min.css" />
<link rel="stylesheet" href="bower_components/jQuery-ui-Slider-Pips/dist/jquery-ui-slider-pips.min.css" />
<script src="main.js"></script>
</head>
<body>
<div class="slider"></div>
</body>
</html>