jQuery UI Slider on Multiple Inputs not working

Question

Im a little stuck and wondering if anyone can spot why? its actually not generating the sliders at all so a little lost.

JSFiddle here: http://jsfiddle.net/DmDkp/

HTML

<div class="markup scoreSlide">
    <input type="text" id="" class="scoreID" value="" />
    <div class="scoreSlider"></div> 
</div>

<div class="markup scoreSlide">
    <input type="text" id="" class="scoreID" value="" />
    <div class="scoreSlider"></div> 
</div>

<div class="markup scoreSlide">
    <input type="text" id="" class="scoreID" value="" />
    <div class="scoreSlider"></div> 
</div>

JS

jQuery(document).ready(function() {
    jQuery('.scoreSlide').each(function(){
        jQuery(this).find('.scoreID').slider({
            animate: true,
            range: "min",
            value: value: jQuery('.scoreID').val(),
            min: 1,
            max: 5,
            step: 1,
            slide: function(event, ui) {
             jQuery(this).find('.scoreSlider').html(ui.value);
            },
        });
    });
});

what is this? value: value: jQuery('.scoreID').val(),

Dhaval Marthak
– Dhaval Marthak

2013-06-21 10:39:33 +00:00
Commented Jun 21, 2013 at 10:39 — Dhaval Marthak
– Dhaval Marthak, Commented Jun 21, 2013 at 10:39

Dhaval Marthak · Accepted Answer · 2013-06-21 11:26:42Z

1

jQuery(this).find('.scoreSlider').slider({
            animate: true,
            range: "min",
            value: jQuery('.scoreSlider').val(),
            min: 1,
            max: 5,
            step: 1,
            slide: function(event, ui) {
             jQuery(this).find('.scoreID').html(ui.value);
            },
        });

DEMO -- > http://jsfiddle.net/DmDkp/8/

To Get Values on textbox, do like this:

slide: function(event, ui) {
            $(this).parent().find('.scoreID').val(ui.value);
 }

edited Jun 21, 2013 at 11:26

answered Jun 21, 2013 at 10:40

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

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

2 Comments

1Line Over a year ago

Maybe i got it a little wrong, the slider is meant to be under the input? but seems its not.

1Line Over a year ago

i have updated here again: jsfiddle.net/DmDkp/5 and change slider to change but not updating value, can you see why?

Collectives™ on Stack Overflow

jQuery UI Slider on Multiple Inputs not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related