Opened 14 years ago
Closed 14 years ago
#3700 closed bug (worksforme)
display problems IE6+ nested tabs
Reported by: | memaddy | Owned by: | |
---|---|---|---|
Priority: | critical | Milestone: | 1.7 |
Component: | ui.tabs | Version: | 1.6rc2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
the nested column works fine in both chrome and firefox 3 but breaks in IE 6+ i have my code like this
[CODE]
<div id="container-1"> <ul> <li><a href="#fragment-1"><span>Hindi </span></a></li> <li> <a href="#fragment-2"><span>English</span></a></li> </ul> <div id="fragment-1"> <div id="container-2"> <ul> <li><a href="brtesthin1.html"><span>Section 1a</span></a></li> <li><a href="brtesteng.html"><span>Section 1b</span></a></li> </ul> <div id="fragment-1a"> </div> <div id="fragment-1b"> </div> </div> </div> <div id="fragment-2"> <div id="container-2"> <ul> <li><a href="braj2.html"><span>Section 1a</span></a></li> <li><a href="brtesteng.html"><span>Section 1b</span></a></li> </ul> <div id="fragment-1a"> </div> <div id="fragment-1b"> </div> </div> </div> [CODE]
And i have this to set it up
[CODE] <script src="jquery-1.2.6.js" type="text/javascript"></script> <script src="ui.core.js" type="text/javascript"></script> <script src="ui.tabs.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('#container-1 ul').tabs(); }); </script> [CODE] basically i have N no of nested tabs in Hindi Tabs and as well in English Tabs, it works fine in chrome and Firefox but IE6 + fails. it loads properly but i click on Hindi Section 1b nothing opens, same in English Section 1b but ia everything is displayed properly . any help is widely appreciated thanks in advance
Change History (2)
comment:1 Changed 14 years ago by
Milestone: | TBD → 1.6 |
---|
comment:2 Changed 14 years ago by
Resolution: | → worksforme |
---|---|
Status: | new → closed |
Your example is invalid (contains multiple elements with the same id). I fixed the errors in your test and used rc5 and everything works properly.