Tabs + Slider Firefox(+?) Bug
Only tested this briefly in Firefox 2.0.0.8 as I've been familiarizing
myself with jQuery and jQuery UI.
It appears that when you have a slider widget inside a tab container,
the blessing of an element as a slider must happen BEFORE the blessing
of the tabs, or else the slider will render but will not be able to be
manipulated.
Perhaps this is a bug with the additional markup added to the ul, li,
and divs when creating a tabs object.
Also, I've only tried this where the slider is the first element
inside the div which will become a tab.
To clarify:
...
$("#tabs").tabs({ fxFade: true });
$("#slider").slider({ steps: 10 });
...
<ul id="tabs" class="flora">
<li><a href="#tab-1"><span>tab-1</span></a></li>
<li><a href="#tab-2"><span>tab-2</span></a></li>
</ul>
<div id="tab-1">content of tab-1</div>
<div id="tab-2">
<div id="slider" class="ui-slider-2">
<div class="ui-slider-handle"></div>
<div class="ui-slider-handle" style="left: 188px;"></div>
</div>
...
The above code renders correctly, but the slider handles are not
draggable. If I change the order of my jQuery statements so that
slider happend before tabs, everything works.
Just a friendly notification of the bug and its workaround should you
be running into the same problem.