标签: slider

如何通过单击按钮从ion.rangeSlider组件获取低值和高值？

这是我的jQuery代码:

<script>
    $(document).ready(function(){
        $("#range_1").ionRangeSlider({
            min: 10,
            max: 50,
            from: 10,
            to: 20,
            type: 'double',
            step: 1,
            prettify: true,
            hasGrid: false
        });
    });
</script>

<script>
 $(document).ready(function(){
    $('#get_values').click(function(){
            var low = $('#range_1').... ???;
            var high = $('#range_1').... ???;
            alert(low);
        });
 });
</script>

有没有办法改变滑块拇指大小？我认为现在我们只能操纵颜色

var sliderPosition by remember { mutableStateOf(0f) }
Text(text = sliderPosition.toString())
Slider(
    value = sliderPosition,
    onValueChange = { sliderPosition = it },
    valueRange = 0f..100f,
    onValueChangeFinished = {
        // launch some business logic update with the state you hold
        // viewModel.updateSelectedSliderValue(sliderPosition)
    },
    steps = 5,
    colors = SliderDefaults.colors(
        thumbColor = MaterialTheme.colors.secondary,
        activeTrackColor = MaterialTheme.colors.secondary
    )
)

我使用jquery-ui滑块作为侧面滚动条,并且手柄滑到末端排水沟之外的问题(如果你将滑块向右滑动,可以看到这里).我已经尝试了所有我能用CSS思考的东西,试图让手柄没有比排水沟更进一步,但无济于事.任何建议将不胜感激.

为了澄清我正在添加以下图表来显示问题(由于句柄很小,它非常微妙,但是如果你在CSS中创建一个大句柄,那么句柄 的宽度恰好超过了排水沟的一半).

这是问题的一个问题.基本上我希望手柄留在排水沟内.

alt text http://img268.imageshack.us/img268/124/examplex.png

我想看看我是否可以创建一个自定义数据集来与jQuery UI Slider一起使用.我正在一个服装尺寸范围为:[0,2,4,6,8,10,12,14,16,18,16W,18W,20W]的网站上工作

我遇到的问题是在18岁之后,当它跳到"宽"的尺寸时有点独特.

在我添加16W,18W和on尺寸之前,我使用以下代码创建了一个工作滑块:

$("#slider-size .slider").slider({
  min: 0,
  max: 18,
  step: 2,
  slide: function(event, ui) {
    $(".rsize").text(ui.value);
  }
});

更改滑块时,该函数中的最后一个参数会更改文本值.

有谁知道如何在这个列表的末尾添加16W,18W等？

谢谢!

我正在使用一个Shiny应用程序,可能需要一些时间才能将滑块设置为正确的值.

因此,在尝试将滑块设置为正确的值(而不是释放我的鼠标左键!)时(即我的本地)服务器观察到几个新值并做出相应的反应.

由于我的服务器对任何新值的响应可能需要几秒钟,我会很高兴,如果我可以:

• 推迟发信号通知服务器,直到释放鼠标左键,或
• 在服务器端,如果收到新值,则中止任何先前的响应

我想知道如何在swift中创建一个垂直滑块.

我尝试过使用.transform然后添加一个旋转但这会返回异常并旋转整个屏幕.我只需要一个垂直滑块.

我想知道是否有人知道在swift中旋转滑块的方法？

谢谢

更新2015年7月24日:由于我无法迁移代码并且存在冲突问题,因此我完全更改了库.对我来说最快的解决方法是http://refreshless.com/nouislider/.它仍然允许我使用jquery所做的相同的短编码来检索值.我不能保证这是多么轻,但我可以推荐客户网站上的临时修复.

更新2015年7月30日:jQuery用户界面已经尝试过和Touch Punch,它们都引发了进一步的问题.在这种情况下,唯一的解决方案是没有UI滑块.您的项目可能有所不同,但对于4年以上的旧框架上的严重jQuery脚本冲突,这是我的解决方案.

以下代码(例如:http://www.equant-design.com/aab/shop/category/new-in-whats-new/89)给了我很大的思考,因为我正在帮助客户转换他的网站到响应模式.滑块按编码工作,但在移动设备上,范围仅通过单击刻度轨而不是书挡才能定义范围.我只是想完全破解代码,但想知道是否有人知道这个问题的快速修复.

jQuery版本:1.4.2

<script type="text/javascript">
    $('#price-range-filter-header').click(function() {
        FilterContainerSlideUpDown('filter_but', 'price-range-filter-header');
        });
    $(function() {
        $("#slider-range").slider({
            range: true,
            min: 0,
            max: 300,
            values: [0, 300],
            step: 5,
            slide: function(event, ui)
            {
                $("#slider-range-caption").html('<?=$currency_type->symbol?>' + ui.values[0] + ' - ' + '<?=$currency_type->symbol?>' + ui.values[1]);
            },
            change: function(event,ui)
            {
                ApplyPriceRangeFilter(ui.values[0],ui.values[1]);
            }

        });

        $("#slider-range-caption").html('<?=$currency_type->symbol?>' + $("#slider-range").slider("values", 0) + ' - ' + '<?=$currency_type->symbol?>' + $("#slider-range").slider("values", 1));

        //initialise jquery scrollbar
        $('.scrollbar').scrollbar();
    });
</script>

<div id="filter_but" name="filter_but">
    <div id="slider-range"></div>
</div>

我想在www.cssslider.com上购买cssSlider的许可证,但我需要先让它工作.

我想要一个响应全宽滑块.随着浏览器窗口宽度的减小,我想首先保持滑块高度不变(因此只会切割滑块图像的两侧).在某个断点之后(当浏览器窗口的宽度与我站点上的内容包装器的宽度相同时),只有这样我才能让滑块垂直变小.这样,滑块在较小的设备上不会变得非常薄.我希望我能很好地解释自己.

我设法在我的网站上使用单个图像作为背景,使用透明的.gif,宽度为1120 x 500:https: //www.easterisland.travel/

我知道有可能使用cssSlider,因为他们在第一页顶部滑块(http://cssslider.com/)上有这个功能,但是没有选择使用cssSlider可执行程序选择它.

有线索吗？谢谢!

我正在GUI使用JavaFx,我需要只允许integers选择的滑块.

我知道我可以使用snapToTicks,但在拉动时"knob",它仍然可以代表一个non-integer值.我想摆脱它.它弄乱了与之相关的其他组件.

基本上,我想要类似的东西Swing's JSlider,但有JavaFx.可能吗？我一直在寻找,但我找不到任何东西.

像 UISlider

let slider = UISlider()

slider.minimumTrackTintColor = .red