在Rails中使用noUISlider

文章/答案/技术大牛

发布

2回答

noUiSlider不在Heroku上工作，而是在本地工作

ruby-on-rails、heroku、asset-pipeline

我已经在我的rails应用程序中实现了。但对Heroku不起作用。(将css和js文件放在我的app/assets/javascript和app/assets/样式表/文件夹中，在本地工作正常，但在heroku上不工作。还尝试使用html 链接和脚本标记直接添加这两个文件，但它仍然只在本地工作，尽管在Heroku上我可以看到两个文件正在加载。我的Gemfile中有jquery gem。使用</

浏览 2提问于2013-11-08得票数 1

回答已采纳

2回答

无法在jquery.nouislider中找到//= application.css

javascript、css、ruby-on-rails、pipeline、assets

我试着用一些滑块宝石，我总是碰到同样的问题， //=需要jquery.nouislider//=需要jquery.nouislider 我也安装了宝石。ubuntu/foodin/app/views/layouts/application.html.erb where line #

浏览 6提问于2014-06-07得票数 1

回答已采纳

4回答

Rails应用程序无法编译js：(没有路由匹配[GET]“/pack/application-xxx.js”)：

ruby-on-rails、webpack

在开发模式下，我的js不再在rails应用程序上编译：GET http://localhost:3000/packs/application-6b30daaa0a66e7f7c4fd.jsactionpack (5.1.5) lib/action_dispatch/middleware/show_exceptions.rb:31:in `call' railties (5.1.5) lib/rails/rack/

浏览 1提问于2018-12-18得票数 8

1回答

webpack导轨进口滑翔机

ruby-on-rails、webpack、nouislider

我试着在Rails上实现一个nouislider。我用Yarn安装了它，我的package.json确认如下："nouislider"："^11.1.0“。不幸的是，我在铬控制台上得到了这个错误：下面是我的app/javascript/packs/application.js： import "nouis

浏览 0提问于2018-04-25得票数 1

1回答

jquery、dom、nouislider

我正在尝试让noUiSlider ()与rails一起工作。我尝试过不使用gem -->从获得了最新版本。然后使用:在视图中：在js中(在$(document).ready(function()中)： var slider = $(&qu

浏览 6提问于2016-09-06得票数 1

回答已采纳

2回答

在Rails上找不到jQuery

jquery、ruby-on-rails、ruby

webpack.ProvidePlugin({ jQuery: 'jquery', noUiSlider: 'nouislider') 并使npm安装-save jquery。

浏览 2提问于2021-10-21得票数 0

回答已采纳

0回答

NoUiSlider不可见

javascript、reactjs、nouislider

我正准备在我的react应用程序中使用noUiSlider。我已经在我的componentDidMount方法中完成了初始化，但是noUiSlider是不可见的。我在控制台中没有得到任何错误。元素列表还显示nouislider出现在页面上，但我看不到它。import noUiSlider from 'nouislider' class AppBarComponent extends Compo

浏览 5提问于2017-06-11得票数 5

1回答

在noUISlider中格式化工具提示

ruby-on-rails、zurb-foundation、nouislider

我正在rails项目中使用noUISlider。noUiSlider.create( slider, {connect: 'lower',range: { 'max': 9 }, return (parseInt(value)+" days");}我希望它能

浏览 2提问于2016-09-07得票数 3

2回答

jsx中ReactJS中的引导范围滑块

twitter-bootstrap、reactjs、rangeslider

我想在bootstrap-react中选择一个有两个滑块的范围。我已经这样做了，但它不起作用。 return ( type="range" min={this.props.min} on Input={this .props .handle Change} s

浏览 0提问于2016-06-06得票数 1

2回答

noUiSlider ES6进口

ecmascript-6、import、nouislider

我已经安装了noUiSlider与ES6进口(没有webpack)的建议，在官方回购。import 'nouislider'; 'min': 0, &

浏览 2提问于2019-04-18得票数 2

回答已采纳

2回答

NoUiSlider -如何自定义我的pips标签，使其具有字符串值？

angular、format、slider、customization、nouislider

我尝试使用格式选项，但它对格式化数值很有帮助。我们无法将标签完全格式化为字母字符串。

浏览 5提问于2017-09-06得票数 3

1回答

如何在更新时得到noUiSlider最小最大值？

reactjs、nouislider

我试图使用noUiSlider来过滤我的结果。我使用noUiSlider组件显示滑块。滑块正在显示，但我无法在幻灯片上获得最小最大值。我希望在文本框中显示整数最小最大值，并将它们用于筛选器。我就是这样导入noUislider的 import '../../node_modules/nouislider/distribute/nouislider.css&#x

浏览 0提问于2019-01-07得票数 6

回答已采纳

2回答

LocalStorage noUiSlider* values ||重要！：(*

javascript、jquery、html、jquery-ui-slider

值添加到本地存储中，并在网站刷新时加载它们。 start: [60, 600], range: { 'max': 700}); var min/2.1.3&#

浏览 0提问于2017-07-21得票数 0

回答已采纳

3回答

如何使用noUiSlider调用更改时的函数？

javascript、jquery

我的最终目标是让它像在上一样工作，在那里你可以输入一个数字，它将滑块设置为数字，反之亦然，但我不知道如何使它只使用一个工具提示。cadCheck();滑块的代码在这里： var directionSlider = document.getElementById('slider-directi

浏览 14提问于2017-02-12得票数 0

回答已采纳

1回答

noUiSlider在创建过程中抛出错误

nouislider

当我尝试实例化时，我得到错误：(Firefox & Chrome) error: noUiSlider (11.1.0)：create需要单个元素，get : object Objectvar slider = $("#kboAgeSlider"); noUiSlider.create(slider/jscripts/nouislider.min.js"></

浏览 15提问于2018-07-28得票数 0

1回答

laravel7中npm安装后如何使用nouislider

javascript、laravel、npm、nouislider

我不打算将nouslider导入laravel7：npm install nouislider window.nouislider= require('nouislider');npm run devvar slider = document.getElementById('slider');

浏览 2提问于2020-08-05得票数 1

回答已采纳

9回答

NoUISlider工具提示只显示整数

javascript、integer、tooltip、nouislider

这是我的代码：var groesseslider = document.getElementById('slider-tooltip'); } groesseslider.noUiSlider.on

浏览 5提问于2015-07-25得票数 11

回答已采纳

3回答

NoUIslider -按需更新范围

javascript、jquery、uislider、nouislider

我像这样初始化滑块： $(".slider").noUiSlider({ orientation: "horizontal

浏览 5提问于2014-09-11得票数 12

回答已采纳

1回答

将noUISlider的最小/最大值保存为变量

javascript、jquery

boyz，我想知道是否有可能得到min/max值并将它们存储到一个变量中，我以后可以使用它吗？更具体地说，我需要一个全局变量(？)最小/最大值。这样我就可以在范围之外使用它了。var slider = document.getElementById('slider'); start: [20, 80], connect/8.2.1/nouislider.min.css

浏览 2提问于2017-07-20得票数 0

回答已采纳

2回答

如何将滑块设置为在第一个手柄之前、手柄之间和第二个手柄之后具有不同的颜色？

nouislider

我想设置一个滑块，让人们可以设置东西之间的比例，我已经设置它来读取相关的值，但不确定我将如何在每个部分中设置不同的颜色，以使滑块的用途更直观。那么我该怎么做呢？

浏览 1提问于2015-01-09得票数 2

点击加载更多

noUiSlider不在Heroku上工作，而是在本地工作

无法在jquery.nouislider中找到//= application.css

Rails应用程序无法编译js：(没有路由匹配[GET]“/pack/application-xxx.js”)：

webpack导轨进口滑翔机