noUiSlider问题-无法更新关联的输入字段
noUiSlider是一个轻量级的JavaScript库，用于创建和管理滑块（Slider）控件。它提供了丰富的功能和选项，使开发者能够轻松地创建自定义滑块并与输入字段进行关联。
noUiSlider的主要特点包括：
- 轻量级且易于使用：noUiSlider只有一个简洁的JavaScript文件，通过简单的API即可创建滑块控件。
- 支持触摸和移动设备：noUiSlider具有对触摸事件的内置支持，可以在移动设备上提供流畅的滑块体验。
- 支持自定义样式：开发者可以轻松自定义滑块的外观和样式，以适应各种设计需求。
- 支持范围和步长定义：noUiSlider可以定义滑块的数值范围和步长，使用户可以精确地选择所需的值。
- 支持双向关联：noUiSlider可以与输入字段关联，实现双向数据绑定。滑块的值变化时，关联的输入字段也会自动更新；输入字段的值变化时，滑块位置也会相应地调整。
noUiSlider的应用场景非常广泛，特别适用于需要用户通过滑动选择数值的交互场景。例如：
- 价格选择器：在电商网站中，可以使用noUiSlider来实现价格范围的选择器，让用户方便地选择他们期望的商品价格区间。
- 数据筛选器：在数据可视化应用中，可以使用noUiSlider来创建数据筛选器，让用户通过滑动选择特定的数值范围进行数据过滤。
- 多媒体控制：在音视频播放器中，可以使用noUiSlider来实现进度条和音量控制器，让用户方便地调整播放进度和音量大小。
腾讯云提供了丰富的云服务和产品，其中与noUiSlider相关的产品包括：
- 云服务器（CVM）：腾讯云的云服务器提供了强大的计算能力，可以用于托管和运行网站和应用程序，满足noUiSlider的后端需求。详情请参考：云服务器产品介绍
- 云数据库 MySQL：腾讯云的云数据库 MySQL 提供了高性能、可靠和安全的数据库服务，可以用于存储和管理noUiSlider的相关数据。详情请参考：云数据库 MySQL 产品介绍
- 云对象存储（COS）：腾讯云的云对象存储提供了安全可靠的云端存储服务，可以用于存储和管理noUiSlider所需的静态资源文件。详情请参考：云对象存储 COS 产品介绍
通过使用腾讯云的这些产品，开发者可以构建稳定、高效和安全的云计算解决方案，满足noUiSlider的需求。
相关·内容
我正在尝试将knockout和noUiSlider与自定义绑定结合起来。我为jQuery-UI滑块和Knockout找到了类似的代码，并将其作为基础。
如果我使用下面的sliderko自定义绑定，noUisliders不会更新可观察值。我得到了NaN，但在输入字段中什么都没有。
如果我直接将下面的滑块自定义绑定与noUiSlider事件一起使用，那么一切都会正常工作。滑块自定义绑定的性能不佳，可能是因为跟踪了noUiSlider更新事件。然而，这是我能够弄清楚如何让滑块不断更新输入字段的唯一方法。
我想使用Knockout的registerEventHandler，但我不确定如何让它工作。
浏览 1提问于2015-11-03得票数 1
1回答
当我输入一个非四舍五入的数字到#年度销售输入字段时，插件会自动向上或向下舍入，这取决于“上”或“下”。是否有一种方法可以让我在字段中输入一个特定的数字，比如1234567，并让它保留这个值？然后滑到前一个或下一个值，就可以将其恢复到原来的位置。
<input type="text" id="annual-sales">
<div class="slider-wrap">
<div class="range-slider-sales-vol"></div>
</div&g
浏览 2提问于2014-09-26得票数 1
回答已采纳
1回答
两个数字输入的多个滑块
、、、、
我试图让在同一个页面的多个位置上使用一个类。现在我有两个滑块，它们都工作得很好，除了当我更改第二个输入的值时，它实际上更新了第一个句柄和输入。如果有人帮我，我会很感激的。
function bindValues(price_slider, inputNumberMin, inputNumberMax){
price_slider.noUiSlider.on('update', function( values, handle ) {
var value = values[handle];
if ( handle ) {
浏览 2提问于2018-06-07得票数 1
回答已采纳
1回答
我使用noUISlider允许用户输入号码。它运行良好，但现在我想添加一个输入，以便能够更新nouislider的值，而不需要拖动它。但有些我却无法让它发挥作用。下面是我的代码的外观：
<div class="col-sm-1">
<input type="number" min="1" max="24" step="1" class="form-control input-sm" name="pointstopredicts" id="po
浏览 1提问于2018-06-10得票数 1
回答已采纳
1回答
我使用敲除将noUiSlider与输入valueMax和valueMin绑定。在更改滑块是更新输入后，但这不能流畅地工作。我想在输入中看到滑块的价值。
我有密码
HTML
<div class="col-xs-12">
<div class="row">
<div class="slider" data-bind="noUiSliderPrice: {minValue: min, maxValue: max}">
</div>
</div>
浏览 2提问于2016-07-22得票数 2
回答已采纳
https://www.npmjs.com/package/nouislider-react无法将值插入滑块 class KeyboardSlider extends React.Component {
state = { ref: null };
changeByRef = () => {
const { ref } = this.state;
if (ref && ref.noUiSlider) {
ref.noUiSlider.set(20);
}
};
render() {
return (
浏览 11提问于2019-06-14得票数 1
我正在使用noUISlider的updateOptions函数来更新滑块、开始和范围选项。在更新了值并与滑块交互之后，我使用noUISlider.reset()来重置滑块。但是，当使用reset时，它将重置为在create()状态下设置的值，而不是updateOptions值。以前有没有人遇到过类似的问题？为什么reset()不将滑块更新为新的start值？
码
var slider = document.getElementById('price-slider');
if (slider.noUiSlider == undefined)
{
浏览 0提问于2018-05-09得票数 0
2回答
我正在尝试将noUiSlider插件转换为React组件。我遇到了一个问题。我似乎无法将滑块值绑定到正在创建的输入。滑块显示和幻灯片按预期。输入也以正确的in显示在HTML中，只是没有显示值。这是我的联署材料：
class Slider extends React.Component {
constructor(props) {
super(props);
this.state = {
start: this.props.start,
connect: this.props.connect,
step: this.props.st
浏览 5提问于2017-11-08得票数 1
回答已采纳
1回答
我试着在Rails上实现一个nouislider。我用Yarn安装了它，我的package.json确认如下："nouislider"："^11.1.0“。
不幸的是，我在铬控制台上得到了这个错误：
未定义的ReferenceError: noUiSlider不是在对象处定义的。(幻灯片2.js:12)
下面是我的app/javascript/packs/application.js：
import "nouislider";
import '../components/slider2';
(幻灯片2.js是我的noUiSlider脚本)
浏览 0提问于2018-04-25得票数 1
1回答
我正在尝试构建一个范围滑块，将它的值序列化为不可编辑的文本元素，就像在上看到的滑块一样
我正在使用noUiSlider jquery插件，并且我已经设法构建了一个滑块，它将代码序列化为输入字段。我的问题是，如何像padmapper示例那样将输入字段中的值转换为不可编辑的文本对象？
以下两种解决方案都只是将滑块值冻结在它们的起始值，而不是根据滑块的移动动态调整-
下面的代码-抱歉没有JFiddle -找不到noUiSlider JS和CSS的URI：
<html>
<form id="form">
<div id="slider
浏览 3提问于2014-01-16得票数 0
我使用noUiSlider作为接口来更新要在搜索表单中使用的一系列值。我想向用户显示格式化的数字，但在提交表单时，我想使用非格式化的数字。
我创建了一些隐藏的输入，这些输入实际上是随表单一起提交的，并尝试使用输入掩码来删除格式。这在页面加载时有效，但一旦我开始更新范围(通过使用滑块或通过使用输入)，格式将不再从隐藏的输入值中删除。
我不确定对未格式化的值使用隐藏输入是否是可行的方法，但这就是我现在所处的位置。
<script>
$(document).ready(function(){
var sliderPrice = document.getElementById(&#
浏览 0提问于2019-07-30得票数 2
我使用的noUiSlider只有一个句柄，范围从0到50。我试图在滑块左侧的输入栏上显示滑块的递增值，在右侧显示递减值-如下例所示：
有没有其他人尝试过这样做，或者知道如何实现？
var connectSlider = document.getElementById('slider');
noUiSlider.create(connectSlider, {
start: 20,
tooltips: true,
decimals: 0,
connect: [true, false],
range: {
'min': 0,
'max':
浏览 2提问于2017-04-30得票数 0
我现在工作得很好。但是，我想在输入字段中添加一个后缀"%“符号，以向用户显示该值是一个百分比值，而我遇到的问题是，与表单一起传递的值包含%符号。是否有人知道解决办法，以便只将值与表单一起传递？
我尝试过的另一种方法是格式: nouislider文档中建议的wNumb方法如下：
slider.noUiSlider.on('update', function( values, handle ) {
moistureValues[handle].value = values[handle] + '%';
});
然而，这仍然是附加百分比符号到url。还
浏览 4提问于2016-02-06得票数 2
回答已采纳
自定义格式加上libLink在noUiSlider中的时间值不像预期的那样对我起作用。
我想使用滑块以24小时格式输出时间(比如17:32)。
我还想输入一个有效的时间，并通过libLink更新滑块。
当我移动滑块时，输入中的时间将被正确更新。但是它的工作方式并非如此:在输入中输入一个新的时间，然后不聚焦将输入重置为以前的值。
如果在函数console.log ()中取消注释，您可以看到它触发了两次。这里发生了什么事？
$(document).ready(function() {
$(".slider").noUiSlider({
start: ["0
浏览 6提问于2015-03-17得票数 1
回答已采纳
我在一个角度应用程序中使用noUislider。滑块的值绑定到输入文本，反之亦然。因此，用户可以选择输入值，滑块将相应地调整，或者用户可以滑动滑块。
我面临的问题是，滑块的范围从0到24，根据用户的要求，用户可以输入值> 24 (这是滑块上的最大值)。期望滑块将移动到最大值，但保留用户在输入文本中输入的值(即26)。
我甚至不确定这是否可能。在这方面的任何帮助都是非常感谢的。
noUiSlider.create(element, {
start: ngModelCtrl.$modelValue || setupParams.defaultValue
浏览 2提问于2015-10-21得票数 1
回答已采纳
我试图在我的项目中使用noUiSlider，但是我无法在工具提示中应用日期格式。我刚从外面的电视里拿到的。
看看这个。
noUiSlider.create(dateSlider, {
behaviour: 'tap',
connect: true,
tooltips: [ true, true ],
range: {
min: timestamp('2016-06-01') + 24 * 60 * 60 * 1000,
max: timestamp(date)
},
step: 1
浏览 1提问于2016-10-06得票数 2
回答已采纳
我在一个表单中使用noUiSlider，它将选择的值发送到两个输入字段，然后通过表单提交。
这很好用，但是当提交表单并显示结果时，输入字段和滑块将默认恢复为原始值，而不是保留以前选择的值。
代码如下：
function leftValue(value, handle, slider) {
$(this).text(handle.parent()[0].style.left);
}
$("#slider").noUiSlider({
connect: true,
snap: true,
start: [0, 1000],
range: {
浏览 2提问于2014-09-02得票数 1
我终于开始在我的angular 9项目中使用nouislider了。我现在的问题是，我希望在滑块值更改时更新字段(因此，当用户移动滑块时，我希望在屏幕上显示新值)。事件有一个问题，我不确定是什么。
noUiSlider.create(this.theHtmlElement, {
start: [3000],
step: 1,
connect: [true, false],
range: {
'min': [0],
'max': [10000]
}
});
this.theHtmlElement.noUiSlider.
浏览 16提问于2020-06-02得票数 2
回答已采纳
1回答
模拟DOM方法jest
、、、、
我在尝试对这个函数进行单元测试时遇到了问题。问题是它使用lib noUiSlider作为范围滑块，当测试到达那里时，它无法识别noUiSlider.set。如何正确模拟此TypeError:无法读取未定义的属性'set‘ function popState(){
if (rangeSlider) {
$('.range-reset.' + name).removeClass('hidden');
var element = self.isRangeElement(name).element;
浏览 21提问于2020-10-30得票数 0
我在设置noUiSlider的句柄时遇到了问题。这就是我目前所拥有的。 const SearchOptionRange: React.FC<SearchOptionRangeProps> = props => {
const [lowValue, setLowValue] = useState(props.start);
const [highValue, setHighValue] = useState(props.end);
const handleLow = (event: any) => {
setLowValue(event.targ
浏览 12提问于2019-12-13得票数 0
2回答
使用noUislider制作了一个滑块。如何隐藏和显示工具提示？
这是我到目前为止所知道的：
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
start: [10],
connect: "lower",
tooltips: [wNumb({decimals:0})],
orientation:"vertical",
direction:"ltr",
range: {
浏览 2提问于2016-03-27得票数 1
1回答
我希望能够设置滑块值而不触发update事件。我尝试在fireSetEvent函数中设置第二个参数( set )，但这是行不通的。
nouiContrast = document.getElementById('nouiContrast');
noUiSlider.create(nouiContrast, {
start: 0,
step: 0.01,
behaviour: 'tap',
connect: [true, false],
range: {
'min': 0,
'max': 1
浏览 2提问于2017-12-05得票数 3
回答已采纳
编辑:当我停止使用NoUiSlider包时，这个问题不再有效。请看下面的答案，看看我为此做了些什么。
我试图为每个任务设置一个活动进度条，当我输入页面时，我希望滑块具有集合字段中的开始值。
目前它甚至没有出现。一旦我将"start: progressNow“更改为"start:0"，它只在客户端工作，不保存/更改DB上的任何内容。
内部方法：
addTask: function (projectId, text, description, due, progress) {
check(projectId, String);
check(text, Str
浏览 1提问于2015-09-09得票数 1
回答已采纳
我试图使用noUiSlider来过滤我的结果。我使用noUiSlider组件显示滑块。滑块正在显示，但我无法在幻灯片上获得最小最大值。我希望在文本框中显示整数最小最大值，并将它们用于筛选器。
我就是这样导入noUislider的
import '../../node_modules/nouislider/distribute/nouislider.css';
import Nouislider from 'react-nouislider';
<Nouislider
range={{min: 0, max: 800000}}
start={[20000,
浏览 0提问于2019-01-07得票数 6
回答已采纳
我需要更新滑块的范围和数字格式(格式选项)取决于用户输入。由于格式不在我可以用updateOptions方法更新的选项中，所以我必须销毁滑块并创建一个新的滑块。但是，我钩住了原始滑块的事件停止工作，尽管文档说‘事件在销毁滑块时不受约束’，我的代码有什么问题？有什么办法可以把事情联系起来吗？
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
start: [ 1000000 ],
step: 1000,
connect: 'lower',
浏览 1提问于2016-06-09得票数 0
回答已采纳
1回答
我需要更新nouislider的范围，所以我用代码-
totalslider_second.noUiSlider.destroy();
noUiSlider.create(totalslider_second, newsettings);
但是在像这样更新后，我的滑块输入不再实时更新，我们拖动滑块，什么也不会发生。我如何能够更新我的滑块范围和改变输入值，就像我在更新之前所做的那样(当拖动滑块时)。
浏览 2提问于2015-09-04得票数 0
回答已采纳
1回答
更新输入值多个滑块
、、、
我一直在使用nouislider 。滑块必须处理两个值。这一个工作，但我需要它多次(大约10个滑块)。每个滑块必须有自己的2个输入(就像下面的小提琴)
如何将此选项用于多个滑块：
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
start: [1, 10000000],
range: {
'min': 1,
'max': 1000000
},
conn
浏览 1提问于2018-03-27得票数 0
1回答
我正在使用物化CSS来构建一个表单，并希望使用带有两个句柄的noUiSlider作为其网站上的示例()。当我为noUiSlider添加includes (JS和CSS)以及它们从示例中获得的代码时，我无法生成滑块。这是我的JS Fiddle：
HTML：
<link href='https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/9.0.0/nouislider.min.css' rel="stylesheet">
<script src='https://cdnjs.cloudflar
浏览 2提问于2016-11-08得票数 1
回答已采纳
2回答
如何在工具中看到范围输入的样式？
、、、、
我正在为我的网站使用，目前我正在尝试更改范围输入的拇指样式(即您单击和持有的东西以更改幻灯片条的值)。
在更改sytle时，我想先改变Chrome开发工具的价值，看看它的外观，然后再在我的CSS中进行更改。但是，我只能在开发人员工具中找到范围输入的样式，而不能找到拇指的样式。有没有办法在工具中看到拇指的风格？
主要是HTML5范围的输入。noUISlider是由Javascript创建的，它在开发工具上是可见的。对不起，HTML5范围输入没有id，所以我只能链接到最接近它的标题。
浏览 1提问于2016-10-27得票数 16
回答已采纳
我正在使用来自Refreshless.com的NoUIslider ()
$("#slider").noUiSlider("init",
{ dontActivate: "lower", startMax: "40%", scale: [0, 500],
tracker: function(){
foo();
},
clickmove: function(){
浏览 3提问于2012-05-14得票数 0
回答已采纳
当我尝试在表单中使用名为的angular包时，我遇到了一个问题。
我将相同的表单控件附加到一个简单的输入和一个nouislider元素上。它们都单独设置表单控件值，但它们不会影响彼此的值。我应该如何设置我的表单，以便当我更改输入中的值时，滑块也会更新为新值(另一种方式也是如此)？
为此，我创建了一个项目。
下面是我使用的代码：
html：
<code>form disabled: {{ form.get('single').disabled }}</code>
<br>
<code>form value: {{ form.get(
浏览 0提问于2018-08-23得票数 0
回答已采纳
1回答
在使用nouislider时，我尝试使用一个只有一个手柄的滑块，并在较低的区域进行连接：
noUiSlider.create(slider, {
start: 20,
connect: [true,false],
range: {
min: 0,
max: 100
}
});
这里的文档清楚地指出：
为每个
浏览 3提问于2017-01-08得票数 4
使用noUiSLider的wNumb.js插件，我试图格式化多个滑块上的输入，使其显示为美元。基本格式对象适用于第一个输入，但第二个输入和所有其他有滑块的输入显示为空。此外，浏览器不会抛出任何JavaScript错误。
指向wNumb文档的链接：指向noUiSlider文档的链接：
下面是基本的noUiSlider代码：
var slider_sales_vol = $('.range-slider-sales-vol'),
slider_sales_vol_mas = $('.range-slider-sales-vol-mas'),
Annu
浏览 3提问于2014-10-03得票数 1
我使用的是AngularJS、AngularUI的jQuery passthrough 和jQuery的插件，但真正的问题是如何访问方法。html部分正确地呈现了一个滑块，我需要双向绑定到滑块的输出值。我尝试了下面的javascript代码和它们在控制器中的变体，但没有成功。
似乎并不是所有的jQuery插件都支持uiJq。我想知道noUiSlider是不是不能工作，我需要写一个自定义指令。我也不确定我是否需要处理延迟执行或需要uiRefresh手动$watch东西。
HTML
<div class="noUiSlider" id="abc" ui-jq=
浏览 0提问于2013-05-08得票数 0
回答已采纳
我正在使用noUiSlider，并试图使用滑块值作为表单输入值(以工作形式发送它)。我尝试过在堆栈溢出中找到的各种示例，但似乎没有任何效果。这是我的滑块脚本：
<script>
var slider = $('#slider');
noUiSlider.create(slider[0], {
start: [2000],
range: { min: 2000, max: 10000 },
step: 500,
tooltips: true,
connect: [true, false],
});
</script>
也许里面有
浏览 1提问于2018-03-29得票数 2
回答已采纳
我试图在我的项目中加载模块:角形2β-0，类型记录1.7使用SystemJs 0.19.4。
通过更改.d.ts文件，tsd已经为我安装了一个工作。我想知道，如果有的话，我可以在不改变原始类型记录定义文件的情况下加载模块：。
通过我的更改，我现在可以加载nouislider，并在SystemJ的类型记录项目中使用它，如下所示：
import {create as createSlider} from 'noUiSlider/distribute/nouislider';
createSlider(document.getElementById('test-slider
浏览 0提问于2015-12-25得票数 1
回答已采纳
问题背景：
我使用noUiSlider允许用户在最大值和最小值(0-5000)之间选择价格。然后，所选的最大值和最小值需要绑定到属性，并发布到相关的控制器方法。
问题：
我不知道该如何绑定这个控件。我有一个使用Helpers (如TextBoxFor )的表单组，它允许我轻松地将输入绑定到属性，但这是不同的，因为没有用户输入，而是通过nouislider设置值。
我有两个标签--如图所示--显示来自控制器的选定值。
注意:由于我需要将值发布到控制器，所以我已经包含了绑定模型的Html.HiddenFor帮助程序，但是这些值始终是空的。
如何将标签中的值绑定到我视图中的模型？
下面的代
浏览 2提问于2016-02-16得票数 0
回答已采纳
1回答
我无法让noUISlider在这里工作--我的代码片段：
<script>
var handlesSlider = document.getElementById('slidertest');
noUiSlider.create(handlesSlider, {
start: [ 4000, 8000 ],
range: {
'min': [ 2000 ],
'max': [ 10000 ]
}
});
</script>
<head>
<meta http-equiv="C
浏览 3提问于2015-07-24得票数 5
回答已采纳
2回答
我在文本字段中使用数字格式(wNumb)。它由范围滑块(noUislider)更新，并且工作正常。
我遇到的问题是，当我提交表单时，，保存的值除以1000 (可能是由数千个分隔符造成的)。
如何在提交时去掉wNumb格式？
...
<%= f.text_field :salary, id: "how-much" %>
<div id="slider-format"></div>
<div class="field">
<%= f.label :comment %><
浏览 12提问于2016-04-22得票数 0
回答已采纳
我在我的网站上使用了NoUiSlider JS插件，它允许用户使用滑块来选择预算，这是很棒的，但是我希望他们选择的值作为联系人/报价表单的一部分。
我在表单中添加了一个隐藏字段，假设需要从NoUiSlider部分替换该值。
这是我的密码，有什么想法吗？
<div id="slider-range"></div>
<div id="budget_value">
£<div id="slider-range-value"></div>
</div>
浏览 2提问于2015-10-27得票数 5
回答已采纳
我卡住了..。我想用noUiSlider创建多个范围滑块。每个滑块都必须处理介于0,100；(min=0，max=100，)之间的值。此外，我需要一个输出和输入的值由处理器和用户输入。
请在此处查看我当前的代码：
function data ( element, key ) {
return element.getAttribute('data-' + key);
}
var connectSlider = document.getElementsByClassName('slider');
var input0 = do
浏览 0提问于2017-10-26得票数 0
我对有意见
使用requireJS，config.js和build.js
paths: {
nouislider: '../core/lib/nouislider/nouislider',
},
shim: {
nouislider: {
deps: ['jquery'],
exports: '$'
},
},
剧本：
require(['jquery', 'nouislider'], function ($) {
"use strict"
浏览 2提问于2016-12-07得票数 0
回答已采纳
我从bitcoinaverage.com的API中提取数据，并将其保存在var 'price‘中。
稍后，我想将它用于在JS中进行的计算，但它不起作用，只有当我将一个静态整数而不是动态的价格()放在一个静态整数时，它才能工作。
我试过pasteInt()的价格，但它仍然不起作用。对我可能做错了什么有什么想法吗？
var xbtc = new XMLHttpRequest();
xbtc.open('GET', 'https://api.bitcoinaverage.com/ticker/global/CAD/', true);
xbtc.onreadys
浏览 5提问于2017-02-13得票数 0
回答已采纳
我目前在理解VueJS的v模型反应性是如何工作的时候遇到了一些麻烦。
我有一个选择插件，它可以帮助我设置选择字段的样式，但它会通过JS改变选择字段的值，问题是它从来不会触发v- document.getElementById('field').value = 'whatever'来更新它的值，如果我尝试更新它的值，同样的情况也会发生，如果我这样做了，v-model就不会更新，它只会在我直接在字段中输入或单击真正的选择字段时更新。
正如我所读到的，Vue似乎只侦听input事件来触发其反应性，并且当我简单地使用JS更改字段的值时，事件将不会被触发，尽管不会更新变量
浏览 1提问于2017-09-28得票数 1
2回答
如何正确定位css元素？
、、、、
我正在做一个基于noUi滑块的滑块。正试图实现这样一个“优雅”的解决方案。因为我的ui句柄很大，所以我使ui基稍微大一些，并在基中添加了额外的值。但是这些值是不允许的，handle将跳回允许的值。我决定把正负按钮放在有限制值的地方。
但问题是，我无法达到这样的效果:当您将句柄移动到控制符号(加/减)时，它们会隐藏在句柄后面。在我的例子中，他们仍然在上面。我很难解决这个问题。
提供一些帮助/建议是很好的。
下面是我的代码(样式在JSFiddle上)：
$(document).ready(function(){
var sliders = document.getElementById(
浏览 7提问于2015-07-03得票数 6
回答已采纳
如何在noUiSlider上使用输入范围的引导样式？具体而言，将句柄更改为圆圈，并将其滑动到的范围。下面是noUiSlider和引导滑块的一个例子。
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
start: [20, 80],
connect: true,
step: 1,
range: {
'min': 0,
'max': 100
浏览 16提问于2022-08-22得票数 0
我正在制作一个依赖于jQuery的页面以及一个名为noUiSlider的库。 我希望能够在noUiSlider代码中使用用jQuery创建的变量(例如：$slider1)，但根据我到目前为止所尝试的：JSFiddle example 我做错了什么？谢谢!
浏览 10提问于2021-05-09得票数 0
回答已采纳
1回答
不能拖动滑块手柄
、、
我以编程方式创建了一个时间范围滑块(noUiSlider)。
它工作得很好，只是我无法拖动滑块手柄(作为默认行为可用)，以便更改滑块值。
var noUiSlider = require('./js/nouislider');
var sliderDiv = document.createElement("div");
sliderDiv.id = "slider-"+soundElement.description;
var sliderElem: any = noUiSlider.create(sliderDiv, {
start:
浏览 7提问于2018-01-10得票数 0
2回答
我是AngularJs的新手，我遇到了一个问题。我想根据单选类型的值来改变滑块的最大值。
这是我的HTML
<input type="radio" ng-model="maxValue" value="100">100
<input type="radio" ng-model="maxValue" value="200">200
<input type="radio" ng-model="maxValue" value="300&
浏览 7提问于2017-08-08得票数 0
1回答
我一直在试图非常仔细地分析这个问题，但我仍然没有找到一个好的方法来解决它。(希望我的解释足够好)
所以我有三个模型user，status和belongs状态模型属于用户模型里程碑模型属于状态模型也通过状态模型属于用户模型
好的，我想通过这样的方式将每个里程碑绑定到一个模型上(milestone.build_status，这在命令行界面中非常简单，我已经测试和尝试过了，它可以像预期的那样工作。)
所以我遇到的最大的问题是在网页上。我正在向用户显示所有状态(当用户输入状态时，我已经处理了情况)，用户可以在相应的文本字段中输入他们的里程碑，当我这样做时，我只能获得提供的文本字段的参数(讨厌！这不是很
浏览 2提问于2013-05-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
