strangeness with jquery.ui-1.0 and Safari 3.1
MacBook Pro Mac OS X 10.4.11 Intel Core 2 Duo
jquery.ui-1.0
jquery-1.2.3.js
Safari 3.1
This may not be an issue with the upcoming jquery.ui-1.5 release, but
I'm posting in case others run into it.
The latest Mac OS X software update with Safari Version 3.1 (4525.13)
caused tabbed content to no longer display in the above environment. I
was able to cut it down to the example below where tabs are shown but
the content is always missing. I found that if I reversed the
references to light.tabs.css and ui.tabs.js it works properly. This
worked fine in versions of Safari prior to 3.1 as well as FireFox. I
also found that it worked if I reverted to jquery-1.2.1.js.
-lenny
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>test</title>
<script src="jquery-1.2.3.js" type="text/javascript"></script>
<script src="jquery.ui-1.0/ui.tabs.js" type="text/javascript"></
script>
<link href="jquery.ui-1.0/themes/light/light.tabs.css"
media="screen" rel="stylesheet" type="text/css" />
<script type='text/javascript'>
jQuery(document).ready(function() { $("#tabbed_pane >
ul").tabs({}); });
</script>
</head>
<body>
<div class="light" id='tabbed_pane'>
<ul>
<li>
<a href='#tab1'>
<span>Tab 1</span>
</a>
</li>
<li>
<a href='#tab2'>
<span>Tab 2</span>
</a>
</li>
</ul>
<div id='tab1'>
test
</div>
<div id='tab2'>
test 2
</div>
</div>
</body>
</html>