【发布时间】:2019-11-10 22:11:00
【问题描述】:
使用来自 -> http://simeydotme.github.io/jQuery-ui-Slider-Pips/#getting-started 的插件 即使滑块加载,也不会加载任何点数。
带有 JQuery 的 Rails 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>
滑块加载时没有点和错误:浏览器控制台中的滑块小部件实例没有此类方法“点”。 有人可以帮忙吗?
【问题讨论】:
-
这篇文章可能会有所帮助stackoverflow.com/questions/37319159/…
-
我已经添加了 //= 需要 jquery-ui-slider-pips
标签: jquery ruby-on-rails rangeslider jquery-ui-slider-pips