【问题标题】:Rails: jQuery-ui-Slider-Pips: Error: no such method 'pips' for slider widget instanceRails:jQuery-ui-Slider-Pips:错误:滑块小部件实例没有这样的方法'pips'
【发布时间】: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>

滑块加载时没有点和错误:浏览器控制台中的滑块小部件实例没有此类方法“点”。 有人可以帮忙吗?

【问题讨论】:

标签: jquery ruby-on-rails rangeslider jquery-ui-slider-pips


【解决方案1】:

我觉得你需要补充一下;

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

到你的“观点”......我根本不知道rails,所以我在这里飞跃。

您也可以使用官方来源:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多