Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将jQuery滑块的最大值设置为无限?_Javascript_Jquery - Fatal编程技术网

Javascript 将jQuery滑块的最大值设置为无限?

Javascript 将jQuery滑块的最大值设置为无限?,javascript,jquery,Javascript,Jquery,可以将jQuery滑块设置为最大值10000吗?但是如果向左移动,它会像滑块在1-50之间一样缩放(如果向右移动,它会返回非常高的值) 所以它会是这样的: 分:0,, 最高:50, secondmax:10000,(用户使用普通滑块和“无限”复选框可能更直观。用户使用普通滑块和“无限”复选框可能更直观。在幻灯片:函数(e,ui){…}中,可以检测当前值(ui.value)如果ui.value>max,则更改max。它将如下所示: var $mySlider = $('#mySlider'); $

可以将jQuery滑块设置为最大值10000吗?但是如果向左移动,它会像滑块在1-50之间一样缩放(如果向右移动,它会返回非常高的值)

所以它会是这样的:

分:0,, 最高:50,
secondmax:10000,(用户使用普通滑块和“无限”复选框可能更直观。

用户使用普通滑块和“无限”复选框可能更直观。

在幻灯片:函数(e,ui){…}中,可以检测当前值(ui.value)如果ui.value>max,则更改max。它将如下所示:

var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value > currMax) {
         $mySlider.slider('option', 'max', currMax++)
      }
   }
});
var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMin = $mySlider.slider('option', 'min');
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value >= currMax) {
         $mySlider.slider('option', 'min', currMin++);
         $mySlider.slider('option', 'max', currMax++);
      } else if (ui.value <= currMin){
         $mySlider.slider('option', 'min', currMin--);
         $mySlider.slider('option', 'max', currMax--);
      }
   }
});
或者像这样:

var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value > currMax) {
         $mySlider.slider('option', 'max', currMax++)
      }
   }
});
var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMin = $mySlider.slider('option', 'min');
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value >= currMax) {
         $mySlider.slider('option', 'min', currMin++);
         $mySlider.slider('option', 'max', currMax++);
      } else if (ui.value <= currMin){
         $mySlider.slider('option', 'min', currMin--);
         $mySlider.slider('option', 'max', currMax--);
      }
   }
});
var$mySlider=$('#mySlider');
$mySlider.slider({
幻灯片:功能(e、ui){
var currMin=$mySlider.slider('option','min');
var currMax=$mySlider.slider('option','max');
如果(ui.value>=currMax){
$mySlider.slider('option','min',currMin++);
$mySlider.slider('option','max',currMax++);
}否则,如果(ui.value在幻灯片:函数(e,ui){…}中,您可以检测当前值是什么(ui.value),如果ui.value>max,则更改max。它看起来像这样:

var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value > currMax) {
         $mySlider.slider('option', 'max', currMax++)
      }
   }
});
var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMin = $mySlider.slider('option', 'min');
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value >= currMax) {
         $mySlider.slider('option', 'min', currMin++);
         $mySlider.slider('option', 'max', currMax++);
      } else if (ui.value <= currMin){
         $mySlider.slider('option', 'min', currMin--);
         $mySlider.slider('option', 'max', currMax--);
      }
   }
});
或者像这样:

var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value > currMax) {
         $mySlider.slider('option', 'max', currMax++)
      }
   }
});
var $mySlider = $('#mySlider');
$mySlider.slider({
   slide: function(e, ui){
      var currMin = $mySlider.slider('option', 'min');
      var currMax = $mySlider.slider('option', 'max');
      if (ui.value >= currMax) {
         $mySlider.slider('option', 'min', currMin++);
         $mySlider.slider('option', 'max', currMax++);
      } else if (ui.value <= currMin){
         $mySlider.slider('option', 'min', currMin--);
         $mySlider.slider('option', 'max', currMax--);
      }
   }
});
var$mySlider=$('#mySlider');
$mySlider.slider({
幻灯片:功能(e、ui){
var currMin=$mySlider.slider('option','min');
var currMax=$mySlider.slider('option','max');
如果(ui.value>=currMax){
$mySlider.slider('option','min',currMin++);
$mySlider.slider('option','max',currMax++);

}else if(ui.value可能更容易在滑块本身之外处理此问题,例如:


您可以将滑块设置为1-51。在距离过滤器的代码中,检测一个大于50的值,并使其执行无限距离过滤(可能只需将51的值替换为10000)

在滑块本身之外可能更容易处理此问题,例如:


您可以将滑块设置为1-51。在距离过滤器的代码中,检测大于50的值,并使其执行无限距离过滤(可能只需将51的值替换为10000)

当然可以,为什么不可以?如果你想这样做,你可以在滑块每次变化时运行一个函数。在这个函数中,你可以检查当前位置的值。如果小于50,根据需要更改滑块。如果大于50,则相同。

当然,为什么不可以?如果你想这样做,你可以在滑块每次变化时运行一个函数。在此函数中,您可以检查当前位置的值。如果小于50,请根据需要更改滑块。如果大于50,则相同。

我通过用户测试发现这一点令人困惑,而且人们并不真正理解。问题是,默认情况下,按距离过滤处于禁用状态。隐藏滑块并在需要时显示选中复选框([]按距离筛选)在视觉上过于微妙(人们错过了复选框),在选中复选框之前使其可见但不处于活动状态太令人困惑(人们想知道它为什么不按距离筛选)通过用户测试,我发现这一点令人困惑,而人们并不真正理解。问题是,默认情况下,按距离过滤是关闭的。隐藏滑块并在选中复选框([]按距离过滤)时显示滑块在视觉上太微妙(人们错过了复选框)在复选框被选中之前让它可见但不处于活动状态太令人困惑了(人们想知道为什么它不按距离过滤)