Opened 12 years ago
Closed 12 years ago
#7548 closed bug (worksforme)
Tab Creation Error in IE9
Reported by: | Gikote | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.9.0 |
Component: | ui.tabs | Version: | 1.8.14 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
I have been working with a page that uses tabs using jquery 1.6.1 (I also tried 1.6.2 and 1.5.1) and jquery-ui 1.8.14. It seems to work perfectly in IE 7, 8, and FireFox 3.5 and 4. When I try the page in IE 9, I get two errors. First, the content for all of the tabs renders straight down the page, even after where the tab appears to end. Second, clicking on one of the tabs gives an exception, "jQuery UI Tabs: Mismatching fragment identifier."
<div id="tabs">
<ul>
<li><a href="#tab-a">TabA</a></li> <li><a href="#tab-b">TabB</a></li> <li><a href="#tab-c">TabC</a></li> <li><a href="#tab-d">TabD</a></li>
</ul> <div id="tab-a">
Content...
</div> <div id="tab-b">
Content...
</div> <div id="tab-c">
Content...
</div> <div id="tab-d">
Content...
</div>
</div>
To set up the tabs:
$(document).ready(function () {
$("#tabs").tabs();
});
This is working fine for me. Does http://view.jqueryui.com/1.8.14/demos/tabs/default.html work for you?