jQuery Forum

Hello, I know in JavaScript you are able to write functions that you can just call at a later time. I'm working on a jQuery UI slider, and I wrote a function for the animation that happens when you start sliding. I would also like this same function to fire for the "change" event, but I can't seem to get it to work.

Here is the shortened code sample:

1. $(function(){
2.       var posterO = $(".poster-slider")
3.       .slider({
4.             slide: function(event, ui){      //This is the function I would like to reuse at "change", below
   
5.                   poster.css(...);
6.                   posterLi.css( ... );
7.                   ptCopy.css( ... );
8.                   sliderValue = ui.value;
9.             },
10.             //change:,
    
11.             animate:true
12.       });
13.       //When "#abundant-trees" link is clicked, the slider handle changes, firing the "change" event, but the "slide" function is not called.
    
14.       $("#poster-switcher a[href=#abundant-trees]").click(function(link){
15.             posterO.slider("value", 100);
16.             link.preventDefault();    //Stop browser from following the link that was clicked on.
17.       })
18. });

I would like to apply the "slide" function to the "change" event without having to duplicate all the code.