📜  jQWidgets jqxRangeSelector moveOnClick 属性(1)

📅  最后修改于: 2023-12-03 14:43:26.103000             🧑  作者: Mango

jQWidgets jqxRangeSelector moveOnClick 属性

jqxRangeSelector 是一个 jQuery 插件,用于创建范围选择器。其中 moveOnClick 是一个属性,用于控制当用户点击范围选择器时是否自动移动滑块。

语法
$('#rangeSelectorDiv').jqxRangeSelector({
    moveOnClick: true // 默认值为 true
});
参数

moveOnClick 是一个布尔类型的属性,可选值为 truefalse,默认值为 true

  • true:用户单击范围选择器轨道时,滑块会移动到单击的位置。
  • false:用户单击范围选择器轨道时,滑块不会移动。
示例

以下是一个基本的 jqxRangeSelector 示例,包括 moveOnClick 属性的使用:

<div id="rangeSelectorDiv"></div>

<script>
    $(document).ready(function () {
        $('#rangeSelectorDiv').jqxRangeSelector({
            moveOnClick: true
        });
    });
</script>
注意事项
  • 设置 moveOnClickfalse 时,用户仍然可以通过拖动滑块来选择范围。
  • 如果范围选择器有多个滑块,当 moveOnClick 属性为 true 时,会将最近的滑块移动到单击的位置。