javascript - bootstrap slider - 获取 data-slider-min 和 data-slider-max 值

标签 javascript jquery twitter-bootstrap

我有一个简单的问题来获取 Bootstrap slider 的最大值和最小值。我是这方面的初学者。

这是我的代码片段

HTML:

<input id="slider1" type="hidden" class="span2" value="" data-slider-min="0.2" data-slider-max="9.8" data-slider-step="0.2" data-slider-value="[3.4,6.6]"/>

Javascript:

var slider= new Slider("#slider1");
slider.on("slide", function(slideEvt) {
  console.log(slider.getValue());
  var min = slider.data("slider-min").getValue();
  var max = slider.data("slider-max").getValue();
  console.log(min);
  console.log(max);
  le1 = slideEvt[0] - min;
  le2 = slideEvt[1] - le1;
  le3 = max - le1 - le2;
}); 

但是不起作用

感谢您的帮助

最佳答案

您可以获取 slider 选项并从中读取minmax值。

 var slider= new Slider("#slider1");
 slider.on("slide", function(slideEvt) {
   var min = slider.options.min,
       max = slider.options.max
   ...
   ...
 });

关于javascript - bootstrap slider - 获取 data-slider-min 和 data-slider-max 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30770370/

相关文章:

javascript - 用 jquery 添加一个 div 似乎不起作用

javascript - js-xlsx : preserve cell style while writing to . xlsx文件

jquery - 将背景视频切换为背景颜色

javascript - 使用 JavaScript 将 CSS 应用于放置区域中的事件放置元素

javascript - 图像需要根据第一个 div 图像调整一半大小

javascript - 在 swagger-ui index.html 中加载多个 json 文件

javascript - 使用 Salesforce apex 代码的纪元时间

css - 解决 CSS 图像位置命中小屏幕上的文本内容

javascript - Bootstrap JS 函数定义

javascript - 如何将超链接打开为具有给定宽度和高度的弹出窗口?