vanderlee / limitslider Goto Github PK
View Code? Open in Web Editor NEWjQuery slider extension forcing gaps and order for any number of handles.
Home Page: http://vanderlee.github.io/limitslider/
jQuery slider extension forcing gaps and order for any number of handles.
Home Page: http://vanderlee.github.io/limitslider/
Hello, I have the JQuery UI Slider Widget, and I had another slider library that was also based on the JQuery Slider work, but I cannot get your slider to work. Any suggestions? I have styled the slider divs appropriately.
The slider shows up in my browser, but does not slide.
Hello,
I want to incorporate this slider in our product and was looking for some information on how much is this being used?
Thank you for your time.
Fatema
Hi Vanderlee,
this limitslider doesn't work of array of values.
take a look on demo.
I have one of the examples sliders:
$('.example-gaps').limitslider({
values: arrayValues,
gap: 25,
min: 700,
max: 2000,
step: 25,
label: true,
title: false,
showRanges: true,
ranges: [false, true, false, true]
});
An then, when I click a button I want to know the values, so I call:
$("button#buttonGetValues").on('click', function() {
var values = $(".example-gaps").slider("values");
console.log(values);
});
But this throwns:
Uncaught Error: cannot call methods on slider prior to initialization; attempted to call method 'values'
I am using jquery mobile too, maybe this is generating some incompatibilities?
Hello. Any way to add slider on the fly via methods?
Hello,
I am working on a project where the customer has a requirement that the mouseovers are different between the two range sliders that are added to the limitslider. As it stands, the code only allows for one mouseover title. I tried making a function to figure out the value (values[0] or values[1]) however this isn't easily accessible from the title callback function. I'll be glad to provide more information if you would like.
Thanks,
Tim
I have multiple sliders in the same page, with different Id each one.
But when I get the values for each slider I get the values for the last slider modified.
How I get the values:
var values =[];
for (var i = 0; i < sliders.length; i++) {
var val = sliders[i].limitslider("values");
values.push(val);
}
Hello,
I've just discovered your slider extension and think it's great. I tried a demo page on my computer which worked as expected. But on a touch device (Galaxy Note 2), I cannot get the slide event to fire.
I am using 'jQuery UI Touch Punch' which works fine at detecting touch events on the regular jquery slider but for some reason it does not work with your extension.
Would you happen to know why?
Thanks,
Alex
Hi Martijn van der Lee,
How to get the values of range?
Thanks,
var myslider = $('#basic').limitslider({
values: [140, 160, 180, 200],
value:''
});
$('btn1').on('click', function(){
myslider.limitslider('values', 1, 10);
});
it only moves the handler the not the bar.
Example link for test.
http://jsfiddle.net/qkwjoLcz/14/
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.