Today’s post is a list of jQuery Mobile Price Sliders. These plugins can be used for numbers, prices or anything that requires a range of selection. Mobile slides provide the mobile user with an easy way to select values simply by sliding any touch device by finger and the current value is displayed in the box. Our favourite is #2 as it allows for easy creation, min/max set and themes. Enjoy!
- 15 Exciting jQuery Mobile Website Examples
- 50 jQuery Mobile Development Tips
- 10 Mobile Cheat Sheets for Mobile Development
1. jQuery UI Slider
The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.
2. jQuery Mobile Slider
This plugin will auto initialize on any page that contains a text input with the type=”range” attribute.
As you drag the slider, the input will update and vice-versa so they are always in sync so you can submit the slider value with form in a simple way.
One more I found with some decent customisations.
Source + Demo
Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.
The Principles of Beautiful Web Design, 4th Edition
Docker for Web Developers
Learn PHP in One Day and Learn It Well