#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 follow-up: 2 Changed 12 years ago by
| Resolution: | → worksforme |
|---|---|
| Status: | new → closed |
comment:2 Changed 12 years ago by
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.
Your code works fine for me.