jQuery slider ui -- dynamically set starting value from HTML element

Question

I am trying to read the value of my slider from a DIV element's title (which may be the issue). That is pushed into the following:

$(document).ready(function() {
    $(".myslider5").slider({
        min: -1000,
        max: 1000,
        value: parseInt($(this).attr("title")),
        slide: function(event, ui) {
              // more actions
        }
    });

I think I get NaN error. Any clues?

@publicRavi - Are you setting the min/max? the default range is 0-100, which -791 wouldn't fall in. — Nick Craver
– Nick Craver, Commented May 4, 2010 at 0:37
@Nick C Yes, I am. Just wanted to show the important lines :) — publicRavi
– publicRavi, Commented May 4, 2010 at 1:01

Nick Craver · Accepted Answer · 2010-05-04 01:21:00Z

2

If there's more than one of this class, you'll need to iterate over them and create the sliders using .each(), like this:

$(".myslider5").each(function() {
    $(this).slider({
        value: parseInt($(this).attr("title")),
        slide: function(event, ui) {
              // more actions
        },
        min: -1000,
        max: 1000
    });
});

Here's an example of the above, otherwise you'll get the value from the title of the first of these in the set, you can see the .attr() documentation or details:

Get the value of an attribute for the first element in the set of matched elements.

edited May 4, 2010 at 1:21

answered May 4, 2010 at 0:33

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

publicRavi Over a year ago

@Nick C I had tried that, but held on to the $(".myslider5").slider({. Thank you :)

Smamatti · Accepted Answer · 2012-12-17 12:45:24Z

0

It is possible that $(this) is not taking exact value so try to give value as:

$(".myslider5").each(function() {
    $(this).slider({
        value: parseInt($(".DiVID").attr("title")),
        slide: function(event, ui) {
              // ...
              // more actions
              // ...
        },
        min: -1000,
        max: 1000
    });
});

edited Dec 17, 2012 at 12:45

Smamatti

3,9313 gold badges34 silver badges44 bronze badges

answered Dec 17, 2012 at 12:26

rav45

111 bronze badge

Collectives™ on Stack Overflow

jQuery slider ui -- dynamically set starting value from HTML element

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related