Stack Overflow
Stack Overflow

Questions tagged [jquery-mobile-slider]

jQuery Mobile Slider is used to add a slider widget to your page when developing a website or app using jQuery Mobile framework .

To add a slider widget to your page, use a standard input with the type="range" attribute. The input's value is used to configure the starting position of the handle and the value is populated in the text input. Specify min and max attribute values to set the slider's range. If you want to constrain input to specific increments, add the step attribute. Set the value attribute to define the initial value. The framework will parse these attributes to configure the slider widget.

API Documentation
Demo

10 questions
4
votes
1 answer

JQuery Mobile sliders inserted dynamically

I'm inserting sliders dynamically. The problem it's that when I insert them dynamically they don't have the theme of jquerymobile. Here's the code i use: for (var i = array_colors_available.length - 1; i >= 0; i--) { …
Marc Ortiz
  • 2,242
  • 5
  • 27
  • 46
2
votes
1 answer

Receiving events from slider event after page change in jQuery Mobile

In a PhoneGap app, I navigate to a html page via the $.mobile.changePage() function. The target page contains a slider input element. I want to compute the selected value after a change of the slider, but I cant figure out how to receive the events.…
tvoi
  • 55
  • 1
  • 6
1
vote
1 answer

Is there a way to unset the value of a slider in jQuery Mobile 1.4.5?

I am using the following markup to display a slider with its value shown on its button: When the slider…
Lynn Adrianna
  • 107
  • 7
1
vote
1 answer

How to add tick marks and labels to jquery mobile slider?

On my horizontal slider I want to show tick marks at regular intervals say 0,20,40,60,80 and 100. Also I want to display these values as labels below the slider. I know it can be done easily using jquery UI sliders but I am using Jquery mobile…
ASA
  • 13
  • 5
1
vote
2 answers

JQuery Mobile slider string instead of number

I´ve implemented a jQuery Mobile Slider in my app. This is the code
JS var text = {1 : "bad", 2 : "okay", 3 : "better"}; var $sliderText =…
m1crdy
  • 1,371
  • 2
  • 25
  • 58
1
vote
1 answer

Getting the value of a slider in Jquerymobile?

I am unable to get this to work in jquerymobile I am getting null on the weightvalue variable : JS $("#submitWeight").on('click', function(e) { e.stopImmediatePropagation(); e.preventDefault(); submitWeight(e); }); function…
kolexinfos
  • 1,030
  • 1
  • 21
  • 42
0
votes
2 answers

jQuery Mobile range Slider input box alignment

I'm having trouble implementing the rangeslider widget as shown in the jQuery mobile demo page. It looks perfect there, however, if I copy the exact same code:
lakerz
  • 1,051
  • 3
  • 12
  • 20
0
votes
1 answer

How do I modify the min and max value of a jQueryMobile slider at runtime?

So I have a slider in my HTML document: I want to modify the min and max range at run time, but I can't find any documentation on how to do this. I apologize if…
Benjamin
  • 13
  • 1
0
votes
1 answer

jQuery Mobile Slider Steps not behaving when numbers are large

I have a slider that is from 1 to 5 million, somehow jquery mobile optimizes the stepping to 50000 when using the slider despite me specifying the step to 1000. is there anyway to force override this behaviour
SK1986
  • 3
  • 2
0
votes
2 answers

JQuery Mobile not applied

I'm having some troubles with JQueryMobile because i want to implement some widgets but the themes and color of the widgets is not well-implemented. Here's a photo to show what's happening: And the correct widget for example would be that: If i…
Marc Ortiz
  • 2,242
  • 5
  • 27
  • 46