Wednesday 15 August 2012

jQuery UI Slider on Multiple Inputs not working -


Im stuck in a little bit and wondering why anyone can spots? Sliders are not produced if it is actually lost in anything

JSFiddle here:

HTML

  & lt; Div class = "markup scarslide" & gt; & Lt; Input type = "text" id = "class =" scoreID "value =" "/> & Lt; Div class = "scoreslider" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "markup scarslide" & gt; & Lt; Input type = "text" id = "class =" scoreID "value =" "/> & Lt; Div class = "scoreslider" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "markup scarslide" & gt; & Lt; Input type = "text" id = "class =" scoreID "value =" "/> & Lt; Div class = "scoreslider" & gt; & Lt; / Div & gt; & Lt; / Div & gt; JQuery ('. ScoreSlide'). Each (function () {jQuery (it)). Find ('. ScoreID'). Sliders: (Slide: Function (Event, UI) {jQuery ('Live'): jQuery ('. ScoreID'). Val (), Minimum: 1, Max: 5, Step: 1 This) .fund ('.swordlider'). Html (ui.value);},});});});    

  jQuery (this). Find ('.scoreSlider'). Slider: (Minimum: 1, Max: 5, Step: 1, Slide: Function (Event, UI) {jQuery (This (Live: Border: "Minimum", Value: jQuery ('Scolslider').) .Find ('. ScoreID') .HTML (ui.value);},});   

Demo - & gt;

To get a value on the textbox, do this:

  slide: function (event, UI) {$ (this). Parent (). ('. ScoreID') Val (ui.value); }    

No comments:

Post a Comment