Hello!
I'm upgrading ui tabs from the old standalone 2007 version to the
jquery ui implementation so bear with me :)
jquery 1.3.2.min
jquery UI 1.6.rc5 personalized (only core + tabs)
The markup generated and to be tabbified:
<div id="tabbedTextContent">
<div id="fragment0">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
00_cover_arca_sonic_space_labau00s.jpg"
class="albumImage"
title="00_cover_arca_sonic_space_labau00s.jpg" /></div>
<div id="fragment1">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
01_arca_sonic_space_labau01_left_s.jpg"
class="albumImage"
title="01_arca_sonic_space_labau01_left_s.jpg" /></div>
<div id="fragment2">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
02_arca_sonic_space_labau02_right_s.jpg"
class="albumImage"
title="02_arca_sonic_space_labau02_right_s.jpg" /></div>
<div id="fragment3">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
03_arca_sonic_space_labau03_left_s.jpg"
class="albumImage"
title="03_arca_sonic_space_labau03_left_s.jpg" /></div>
<div id="fragment4">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
04_arca_sonic_space_labau04_right_s.jpg"
class="albumImage"
title="04_arca_sonic_space_labau04_right_s.jpg" /></div>
<div id="fragment5">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
05_arca_sonic_space_labau05_left_s.jpg"
class="albumImage"
title="05_arca_sonic_space_labau05_left_s.jpg" /></div>
<div id="fragment6">
<img src="http://localhost/lab-au.com/dev/theory/
article_sonic-space/images/album_images/
06_arca_sonic_space_labau06_right_s.jpg"
class="albumImage"
title="06_arca_sonic_space_labau06_right_s.jpg" /></div>
<h3>
<ul class="tab-nav-menu">
<li><a href="#fragment0">0</a></li>
<li><a href="#fragment1">1</a></li>
<li><a href="#fragment2">2</a></li>
<li><a href="#fragment3">3</a></li>
<li><a href="#fragment4">4</a></li>
<li><a href="#fragment5">5</a></li>
<li><a href="#fragment6">6</a></li>
</ul>
<span id="imageLegend">Arca 180</span></h3>
</div>
the call is a simple:
var $tabs = $("#tabbedTextContent").tabs({ show: function() { alert
('hi'); } });
but the tabbiffication does not occur.
if i do $tabs.length it returns 0.
Any hint as to where to look at the culprit would be *much* welcome !
Thank you,
Alexandre
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---