jQWidgets jqxSlider showRange 属性介绍

jQWidgets jqxSlider 是一款 jQuery 插件，用于创建滑块控件。showRange 属性是 jqxSlider 中的一个属性，用于设置是否显示滑动条的起点和终点。

基本用法

showRange 属性的默认值为 false，即默认情况下 jqxSlider 中不会显示滑动条的起点和终点。如果你需要显示滑动条的起点和终点，则需要将 showRange 属性设置为 true。

$('#slider').jqxSlider({
  showRange: true
});

如上代码所示，可以通过在初始化 jqxSlider 时传入 showRange: true 来启用滑动条的起点和终点显示。

进阶用法

showRange 属性只有两个可选值：true 或 false。如果需要设置不同的滑动条起点和终点的样式，则可以使用 rangeBarStyle 选项进行配置。

$('#slider').jqxSlider({
  showRange: true,
  rangeBarStyle: {
    fill: '#007acc',
    stroke: '#007acc'
  }
});

如上代码所示，我们将 rangeBarStyle 属性设置为一个样式配置对象。其中，fill 属性用于设置滑动条内部颜色，stroke 属性用于设置滑动条边框颜色。

除此之外，rangeBarStyle 属性还支持其他配置项，具体可以参考 jQWidgets jqxSlider 官方文档。

总结

showRange 属性是 jQWidgets jqxSlider 中非常重要的一个属性，它用于控制滑动条起点和终点是否显示。通过设置 showRange 属性，我们可以轻松地实现滑动条起点和终点的显示和隐藏。同时，借助于 rangeBarStyle 属性，我们还可以进一步地定制滑动条的样式。