I found the problem...it seems IE is converting the tab ids in the
href into full urls. E.g., "#tab1" becomes http://hostname/path#tab1.
If I add 'href = href.substring(href.indexOf("#"));' on line 65 of
ui.tabs.js, then it fixes the problem...though I'm sure that's not the
ideal solution.
Should I log this as a bug?
On Feb 2, 1:23 am, mgl <[email protected]> wrote:
> I have a below an example that shows a problem I'm having. I have in
> my application some dialogs that have tabbed content in them. After
> upgrading to jQuery 1.3.1 and UI 1.6rc6 everything was working...until
> I checked things in IE.
>
> Here's an example that I think shows the problem I'm running into.
> The dialog is created as a property of a class object - it is created
> initially, with the autoOpen:false option. I then append content for
> tabs, then create the tabs ui object. In FireFox, it works fine. In
> IE, however, it seems to be trying to load remote content, rather than
> associating with the divs named by the IDs in the href of the links.
>
> Does anyone know what I'm missing? Has anything important changed
> since UI 1.5.x?
>
> Example follows:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
> <title>Dialog Bug</title>
> <link rel="stylesheet" type="text/css"
> href="../css/ui.all.css" />
> <script type="text/javascript" src="../js/jquery/jquery.js"></
> script>
> <script type="text/javascript"
> src="../js/jquery/ui/ui.core.js"></
> script>
> <script type="text/javascript" src="../js/jquery/ui/
> ui.draggable.js"></script>
> <script type="text/javascript" src="../js/jquery/ui/
> ui.resizable.js"></script>
> <script type="text/javascript"
> src="../js/jquery/ui/ui.dialog.js"></
> script>
> <script type="text/javascript"
> src="../js/jquery/ui/ui.tabs.js"></
> script>
> <script>
>
> var tabdialog = function()
> {
> var t = this,
> content = (t.content = $('<div
> />').dialog()),
> divTabs = (t.divTabs =
> $('<div><ul><li><a href="#tab1">Tab 1</a></
> li><li><a href="#tab2">Tab 2</a></li></ul><div id="tab1">stuff here</
> div><div id="tab2">stuff here</div></div>')
> .appendTo(content).tabs());
> }
>
> $(document).ready(function(){
> var x = new tabdialog();
> x.content.dialog("open");
> });
> </script>
> </head>
> <body>
> </body>
> </html>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
