RC5 slider + tabs = slider fails on 2, 3, 4 tab
Hello
If you place a slider on the first tab it works great, if you place it
on the second or third tab it fails...
here is the code
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.all.js"></
script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [75, 300]
});
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
</ul>
<div id="tabs-1">
babbbb
</div>
<div id="tabs-2">
<div id="slider-range"></div>
sdfafdsfa.
</div>
</div>
interesting enough if I envoke the tabs last:
<script type="text/javascript">
$(function() {
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [75, 300]
});
$("#tabs").tabs();
});
</script>
the slider works fine? why? this brings up a question assuming we
are using every UI what is the order they should be envoked?