It works finally! Now I only have to figure out why exactly it works :) Thanks Richard. - Johan
On Apr 1, 8:29 pm, "Richard D. Worth" <[email protected]> wrote: > Every jQuery UI plugin option can be get or set after initialization. So you > can get the current value of the slider: > > var val = $("#slider").slider("option", "value"); > > and you can set it to a new value: > > $("#slider").slider("option", "value", 7); > > In addition to the value option, slider also has a value method, which is > nearly identical in function, but simpler to call: > > var val = $("#slider").slider("value"); // getter > $("#slider").slider("value", 7); // setter > > Docs:http://docs.jquery.com/UI/Slider#option-valuehttp://docs.jquery.com/UI/Slider#method-value > > - Richard > > On Wed, Apr 1, 2009 at 6:54 AM, kallep <[email protected]> wrote: > > > Thanks Richard. I actually found this solution earlier on but due to > > my problems to understand what the code does. I was not able to get it > > to work. What are the "option value" do? > > > $(function() { > > $("#slider").slider({ > > range: "min", > > min: 1, > > max: 10, > > value: 1, > > slide: function(event, ui) { > > //next button > > // $("li.next").click(function(){ > > // $("#slider").slider( 'value' , ((ui.value) > > + 1) ) > > // }); > > > $("li.next").click(function(){ > > var s = $("#slider"), val = > > s.slider("value"), step = s.slider > > ("option", > > "1"); > > s.slider("value", val - step); > > }); > > }); > > </script> > > </head> > > <body> > > <ul id="nav"> > > <li class="next"><a href="#">next</a></li> > > </ul> > > <div id="slider"></div> > > </body> > > > On Mar 31, 11:37 pm, "Richard D. Worth" <[email protected]> wrote: > > > See this thread for two options: > > > > Slider next - previous buttonshttp:// > > groups.google.com/group/jquery-ui/browse_thread/thread/985be41... > > > > - Richard > > > > On Tue, Mar 31, 2009 at 6:43 AM, kallep <[email protected]> wrote: > > > > > Hello everybody on this list. This is my first post here. I am new to > > > > Jquery and have during the last days been trying to get an > > > > understanding for how everything works, but it is still some concepts > > > > I do not get. > > > > > In the code below I have successfully been able to add next and > > > > previous buttons to the Jquery UI slider. The problem is that I'm not > > > > able to get the new values back. > > > > > In other words I can click the Next button ones and it works but > > > > nothing happens if I click a second time. > > > > > $(function() { > > > > $("#slider").slider({ > > > > range: "min", > > > > min: 1, > > > > max: 10, > > > > value: 1, > > > > slide: function(event, ui) { > > > > > //next button > > > > $("li.next").click(function(){ > > > > $("#slider").slider( 'value' , [((ui.value) + > > 1)] > > > > ) > > > > }); > > > > //previous button > > > > $("li.previous").click(function(){ > > > > $("#slider").slider( 'value' , > > [((ui.value) > > > > - 1)] ) > > > > }); > > > > > } > > > > }); > > > > }); > > > > </script> > > > > </head> > > > > <body> > > > > <ul id="nav"> > > > > <li class="next"><a href="#">next</a></li> > > > > <li class="previous"><a href="#">previous</a></li> > > > > </ul> > > > > > <div id="slider"></div> > > > > </body> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
