Codehints | jquery ui slider display values

jquery ui slider display values

Anish

Feb 4^th, 2015

Jquery

$(function() {
   var labelArr = new Array("", "1 hour", "12 hours", "1 day", "3 day", "1 week");
   $( "#slider" ).slider({
       value:3,
       min: 1,
       max: 5,
       step: 1,
       slide: function( event, ui ) {
          $( "#days" ).val( ui.value );
          $("#label").html(labelArr[ui.value]);
       }
   });
   $( "#days" ).val($( "#slider" ).slider( "value" ) );
   $("#label").html(labelArr[$( "#slider" ).slider( "value" )]);
});

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Homes Southlake Sep 25^th, 2015 at 7:50 pm

Very neat blog article.Really thank you! Will read on…

Reply
Dallas Tech Startups Sep 25^th, 2015 at 11:55 am

Enjoyed every bit of your post. Cool.

Reply
Roofing Sep 25^th, 2015 at 8:02 am

I appreciate you sharing this blog article.Much thanks again. Keep writing.

Reply
Judi domino Sep 24^th, 2015 at 2:13 pm

There’s certainly a great deal to find out about this topic. I love all of the points you have made.

Reply
Medical University in Almaty Sep 24^th, 2015 at 5:08 am

Thanks again for the post.Thanks Again. Fantastic.

Reply
what is forex Sep 21^st, 2015 at 6:35 pm

Appreciate you sharing, great article post.Much thanks again. Much obliged.

Reply