javascript - 如何在 jQuery ui Slide Ranger 中使用 if 语句?

标签 javascript jquery jquery-ui if-statement uislider

我有一个 jQuery ui Slide ranger。我想做的是,如果范围在特定数量之间,就能够做一些事情。例如,当范围 slider 位于 300900 和 666700 之间时显示某些内容。我很难将其以最小/最大值的形式放入变量中,以及如何将范围 slider 中的两个值放入 if 中陈述。代码如下:

$(function() {
  $( "#slider-range" ).slider({
    range: true,
    min: 249500,
    max: 750000,
    values: [ 75, 300 ],
    slide: function( event, ui ) {
      $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
    }
  });
  $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
    " - $" + $( "#slider-range" ).slider( "values", 1 ) );
});

谢谢。

另一个示例是,如果用户的最小值为 300900,最大值为 600700,则显示某些内容。

最佳答案

您可以在幻灯片函数中检查这些值:

slide: function( event, ui ) {
    if(ui.values[0] ==  300900  && ui.values[1] == 600700  ){
        doSomething();
    }
}

关于javascript - 如何在 jQuery ui Slide Ranger 中使用 if 语句?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27554799/

相关文章:

javascript - 检测 Flash 对象何时完全加载

javascript - 将我的 javascript 分解为模块,我这样做对吗?

javascript - 使用 jquery draggable/droppable 通过类定位特定的 div

javascript - 如何强制 Node 的请求模块不对响应进行编码?

php - 用于更改 true 与 false 函数值的复选框

Javascript/jQuery : programmatically follow a link

javascript - laravel 4 中没有 ajax 响应

javascript - jQuery UI 日期选择器 mm/dd/y 格式年份 1915 转换为 2015

javascript - jQuery 模式对话框未以位置标志居中

JavaScript:检测上传表单图像完成