Anything Slider: Issues When Dynamically Modifying Options

[webis]

I am trying to dynamically modify one or more of the slider options at run-time based upon various events including user interaction (selecting a preference for example) and I can't seem to get it to work after a day of fighting with it (and it seems so easy :-)

I used the documentation at https://github.com/CSS-Tricks/AnythingSlider/wiki/Usage as one of my guides but even the simplest cases don't seem to work.

I've created a JSFiddle at http://jsfiddle.net/webis/yDR53/ to give an example of simple hiding or showing the the side navigation arrows. Note that when I single step through the example with Firebug it is setting the values properly but the slider doesn't change.

This is just an example and I can show you many other options that don't work although, to be fair I didn't try every single option, just the 12-15 that I need.

I've created it a post at http://css-tricks.com/forums/discussion/24238/anything-slider-issues-when-dynamically-modifying-options because I didn't know where you did support.

[Mottie]

Hi @webis!

I answered your question in the CSS-Tricks forums first... here is the summary:

The easiest solution would be to just hide the arrows completely (demo):

function wisSW_ShowSliderChanges()
{
    var wantNavigationArrows = (jQuery("#wisSW_WantNavigationArrows :radio:checked").val() == "Yes");

    var sliderData = jQuery("#wisSW_SampleSlider").data("AnythingSlider");

    sliderData.$forward.add( sliderData.$back ).toggle( wantNavigationArrows );
}

[webis]

Thanks!

I responded at CSS-Tricks, http://css-tricks.com/forums/discussion/24238/anything-slider-issues-when-dynamically-modifying-options#Item_3

[Mottie]

I didn't get around to working on this in the version 1.9 update, but I will when I have time!