标签: jquery-ui-slider

我想制作滑块刻度的句柄,以给出滑块范围的视觉效果(例如,大多数浏览器中的滚动条).

做了一些谷歌搜索,答案似乎是修改.ui-slider-handle类.

我已经完成了这个并且句柄现在已经完成了: 这是我用来设置滑块的代码:

var range = 2 + Math.floor(Math.random() * 10);

$('#slider').slider({max: range});

$('.ui-slider-handle').width($('#slider').width() / range);

这里还有一个实例的链接:http://tcusers.com/examples/6473423467/example.html

这就好像图书馆假设滑块的旧宽度,有没有人有任何建议来完成我想要的？我宁愿避免破解jquery ui核心库.

提前致谢

我正在使用jQuery插件来创建带有刻度,标签和工具提示的滑块.我需要一种能够像文本框或组合框一样禁用/启用它的方法.例如,当用户登陆页面时,滑块显示为禁用,但是当用户更改保管箱或滑动另一个滑块时,应启用此功能.我找不到有关此特定功能的任何文档.需要帮忙.

//SLIDER 1
$('select#milestones').selectToUISlider({
    labels:4,
    tooltip: false,
    labelSrc: 'text',
    sliderOptions:{
        change: function(e, ui) {
            filterAndLoadChart((parseInt(ui.value)) + 1);
            if(ui.value > 0){
                //I WANT TO ENABLE THE SLIDER 2 HERE
            }
        }
    }
});

//SLIDER 2
$('select#age').selectToUISlider({
    tooltip: false,
    labelSrc: 'value',
    sliderOptions:{
        disabled:true,
        change:function(e, ui) {
            var selVal = $('#age').val();
            $("#ageTxt").html(selVal + " Days");
        }
    }
});

在我的页面上,我有几个滑块.它们都需要相同的比例,但是有些比例达到150,有些转到200.我想将它们的最大值设置为200,但是防止它们中的一些移动通过150.它们是不同的$() .slider()调用,所以我只关心如何将滑块的最大值设置为200,但不允许任何移动超过150 ...

我认为这种行为是内置的,但显然不是？

仅供参考:我正在使用范围:"min"用于这些滑块.

编辑

http://jsfiddle.net/D9nAx/1/

我有一个用jquery ui制作的滑块,它完全没问题,除了因为范围从0到250000,并且因为我有事件要求ajax请求每次有些变化,如果我从一侧慢慢滑动到另一侧结果将是大量的ajax请求,并不是很好.

一直在挖掘jquery ui文档,但没有看到任何方法来解决这个问题.我会在用户按下滑块时暂时阻止该事件,并且仅在用户停止与其进行交互时触发事件,但是没有发现任何相关信息.

有什么想法吗？

干杯!

我正在使用jQuery Range滑块让用户选择一天中的时间范围(即10:00 - 18:00).

目前一切正常,我的输出显示在文本框中,但这并不理想.我希望每个句柄都有一个单独的工具提示,单独显示2个值,并在拖动时跟随句柄.如果做不到这一点,我可以把时间放在滑动手柄本身.

我的问题是 - 如何定位特定句柄？它们是由jQuery动态创建的,并且只由类定义,因此我不知道如何将div链接到特定句柄.

我在这里搜索并发现了一些类似的问题,但没有真正回答这个问题.

另外,我不想使用插件.我知道有一两个存在,但因为这只发生在网站的一个地方,我宁愿不必包含一个文件,应该是相当简单的东西(即使它打败了我:P)

我需要用户选择一个时间,滑块似乎是最好的选择,但是,它只用于十进制值.这应该不是问题,因为我可以将它们作为"从0:00开始的分钟"进行处理,但我需要覆盖输入框和工具提示中显示给用户的内容.

有没有办法用自定义格式覆盖小数值,所以我将'分钟从0:00'转换为可读时间(如8:30)？