#7402 closed bug (worksforme)

Opened May 19, 2011 07:57PM UTC

Closed May 20, 2011 02:05PM UTC

Last modified May 20, 2011 06:59PM UTC

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>

Attachments (0)
Change History (2)

Changed May 20, 2011 02:05PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: new → closed

Your code works fine for me.

Changed May 20, 2011 06:59PM UTC by sawmac comment:2

Replying to [comment:1 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.