jQuery Mobile: how to get the change event of a range Slider?

Question

What I am trying to do is just like the code: when the value is greater than 10, display >10, or display 1 - 10. It works fine. However, if I uncomment the jquery mobile , i

Answer 1

There are three JQM slider events available after widget initialization:

• slidestart
• change
• slidestop

To get the correct behavior, you should provide the correct JQM page structure and register the event handlers inside the pagecreate event. Below is a simple stub where you can test a JQM slider:

$(document).on("pagecreate", "#page-one", function() {
  $("#slider").on("slidestart", function() {
    var val = $(this).val();
    $("#txt1").val(val);
  });
  $("#slider").on("change", function() {
    var val = $(this).val();
    $("#txt2").val(val);
  });
  $("#slider").on("slidestop", function() {
    var val = $(this).val();
    $("#txt3").val(val);
  });
});

  
  
  
  
  


  

    

      Slider
      
        

          

            slidestart:
            
          
          

            slidechange:
            
          
          

            slidestop: