Tag: nouislider

在meteor中初始化No UI Slider的多个实例: 如何在Meteor中初始化无UI滑块的多个实例？我想在页面上有多个滑块。我一直在努力…… 模板： JS： Template.task.rendered = function() { $(‘#slider’+this._id).noUiSlider({ start: 5, connect: “lower”, step: 0, format: wNumb({ decimals: 0, }), range: { ‘min’: 0, ‘max’: 10 } }); $(‘#slider’+this._id).Link(‘lower’).to($(‘#range’+this._id)); }; 调用this._id不会做任何事情……不管怎样，它需要遍历所有的postID，直到匹配为止，比如在做Tasks.findOne（）; 并与DOM中的最新情况进行比较。如果有更好的方法这样做…请告诉我！编辑：我更新了我的代码，遵循其他实例的结构，其中插件在同一页面上多次初始化，使用$ this和.each 模板： JS： Template.task.rendered = function() { $(‘.slider’).each(function() { var $this = $(this); $this.noUiSlider({ start: 5, connect: “lower”, step: […]

如何加载多个滑块处理2个值与输入和输出noUiSlider？: 我被困了..我想用noUiSlider创建多个范围滑块。每个滑块必须处理值[0,100]; （min = 0，max = 100，）。此外，我需要按处理程序输出和输入值，并由用户输入。在这里查看我当前的代码： function data ( element, key ) { return element.getAttribute(‘data-‘ + key); } var connectSlider = document.getElementsByClassName(‘slider’); var input0 = document.getElementsByClassName(‘input-format-0’); var input1 = document.getElementsByClassName(‘input-format-1’); var inputs = [input0, input1]; function createSlider ( slider ) { noUiSlider.create( connectSlider,{ start: [0, 100], connect: false, step: Number(data(slider, ‘step’)) || […]

noUiSlider使用libLink自定义格式化时间: 自定义格式加上noUiSlider中时间值的libLink对我不起作用。我想使用滑块以24小时格式输出时间（如17:32）。我还想输入一个有效时间并通过libLink更新滑块。移动滑块时，输入中的时间会正确更新。但它反过来不起作用：在输入中输入新时间然后取消聚焦会将输入重置为先前的值。如果在函数HHMMtoMinutes（）中取消注释console.log，则可以看到它触发两次。这里发生了什么？ $(document).ready(function() { $(“.slider”).noUiSlider({ start: [“07:30”], range: { ‘min’: 0, ‘max’: 24 * 60 }, format: { to: minutesToHHMM, from: HHMMtoMinutes } }); $(“.slider”).Link(“lower”).to($(“#time”)); }); function minutesToHHMM(value) { value = Math.round(value); var hour = Math.floor(value / 60); var min = value – hour * 60; //console.log(“value:” + value + […]