Rails: jQuery-ui-Slider-Pips: 错误: 滑块小部件实例没有这样的方法"pips"



使用->中的插件http://simeydotme.github.io/jQuery-ui-Slider-Pips/#getting-已启动即使滑块加载,也不会加载任何皮普。

带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>

滑块加载时没有pips,错误:浏览器控制台中的滑块小部件实例没有这样的方法"pips"。有人能帮忙吗?

我认为您需要添加;

<script src="/path/to/jquery-ui-slider-pips.js"></script>

到您的";查看"。。。我一点也不懂铁轨,所以我要在这里跳一跳。

或者,您可以使用官方来源:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-ui-Slider-Pips/1.11.4/jquery-ui-slider-pips.js"></script>

但我确实认识到,我错过了文档中的一个关键步骤,这会让它看起来没有必要!我会尽快更新

相关内容

最新更新