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">
<p>babbbb</p>
</div>
<div id="tabs-2">
<div id="slider-range"></div>
<p>sdfafdsfa.</p>
</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?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
