Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#7402 closed bug (worksforme)

Ajax Tabs Throws error with jQuery 1.6.1

Reported by: sawmac Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.tabs Version: 1.8.13
Keywords: Cc:
Blocked by: Blocking:

Description

Ajax tabs with jQuery 1.6.1 throws the following error in Safari: WRONG_DOCUMENT_ERR: DOM Exception 4: A Node was used in a different document than the one that created it (that doesn't support it).

I can't get an example on jsFiddle, but here's stripped down code. For this to work (not work) you also need 2 pages panel1.html and panel2.html with some content.

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Ajax Tabs</title> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> <script> $(function() {

$('#tabs').tabs();

}); </script> </head> <body> <div id="tabs"> <ul> <li><a href="panel1.html">Panel 1</a></li> <li><a href="panel2.html">Panel 2</a></li> </ul> </div> </body> </html>

Change History (2)

comment:1 Changed 8 years ago by Scott González

Resolution: worksforme
Status: newclosed

Your code works fine for me.

comment:2 in reply to:  1 Changed 8 years ago by sawmac

Replying to scott.gonzalez:

Your code works fine for me.

OK. I just tested it through a local server and it works. It just doesn't work if you open the tabs page in a browser directly from your computer. Thanks.

Note: See TracTickets for help on using tickets.