从-> http://simeydotme.github.io/jQuery-ui-Slider-Pips/#getting-started使用插件 即使滑块已加载,也不会加载任何Pips。
使用JQuery滚动5
1: Downloaded jquery-ui-slider-pips.css under myApp/app/assets/stylesheets
2: Downloaded jquery-ui-slider-pips.js under myApp/app/assets/javascripts
3: application.js
//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require jquery-ui-slider-pips
4: application.css
*= require jquery-ui-slider-pips
5: In the View
<!-- include the jQuery and jQuery UI scripts -->
<script src="https://code.jquery.com/jquery-2.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<!-- plus a jQuery UI theme,here I use "flick" -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/flick/jquery-ui.css">
<div class="slider"></div>
<script type="text/javascript">
$(function () {
$(".slider")
.slider({
max: 12
})
.slider("pips",{
rest: "label"
});
});
</script>
滑块加载时没有出现点数并且出现错误:浏览器控制台中的滑块小部件实例没有此类方法“ pips”。 谁能帮忙吗?