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
-~----------~----~----~----~------~----~------~--~---

Reply via email to