jQuery用户界面滑块步骤

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个jQuery UI的滑块，我注意到，如果最大值和最小值之间的差异不是精确的倍数步骤选项滑块不能正常工作。jQuery用户界面滑块步骤

例如： 分钟：6900 最大：79900 步骤：1500

当我移动光标最大，最大可达值是78900（（78900-6900）/ 15 = 48）时，下一将是80400.

我怎样才能达到最大值（79900）？

感谢

回答：

你可以在你的最大值设置步骤的倍数：

var range = Math.floor((max - min)/step) + 1; 
    var max_calc = min + range * step;

然后在幻灯片处理程序限制值，以原最大值：

slide: function(event, ui) { 
    var v1 = Math.min(ui.values[0], max); 
    var v2 = Math.min(ui.values[1], max); 
    $("#slider-price").slider("values", 0, v1); 
    $("#slider-price").slider("values", 1, v2); 
    $("#amount").val("$" + v1 + " - $" + v2); 
}

你的小提琴改编相应地：https://jsfiddle.net/beaver71/d8wvke7u/

以上是 jQuery用户界面滑块步骤 的全部内容， 来源链接： utcz.com/qa/261967.html

回到顶部