Ick, no....
follow the example on the link above.... the slider gets attached to
an *empty* div... you're applying it to a div that contains everything
else
that link above shows the right syntax, and definitely works....
follow that and you should be all straight
On Jan 21, 5:20 pm, Mircea <i...@amsterdamsat.com> wrote:
> I've changed my markup to:
>
> <div id="ariaslider">
> <form action="#">
> <!-- Slider -->
> <fieldset>
> <select name="sizer" id="speed">
> <option value="10">10</option>
> <option value="20">20</option>
> <option value="21"
> selected="selected">21</option>
> <option value="30">30</option>
> <option value="40">40</option>
> </select>
> </fieldset>
> </form>
> </div>
>
> and code to:
>
> <script type="text/javascript">
> $(function(){
> //demo 1
> var abc = $('select#sizer').selectToUISlider().next();
> var setfontsize = $('#sizer :selected').text();
>
> $('#ariaslider').slider({change: function(event, ui) {
> $('.cica').css("font-size", setfontsize +
> "px");}});
>
> $('#ariaslider').bind('slidechange', function(event,
> ui) {
> $('.cica').css("font-size", setfontsize +
> "px");
>
> });
> });
>
> </script>
>
> I am not quite sure of what it does, I am trying to get more info on
> how bind works... It now change the first size and then it blocks.
> Thank you for your help.
