Reproducible ?bug? with AJAX tabs on WebKit browsers
Hi,
I have a simple, reproducible difference in behavior between IE/
Firefox and Safari/Chrome. (Yeah, weird to see them grouped like
that, I know!)
When I use the AJAX tab style the Javascript in the HTML tabs I load
does not fire in WebKit browsers. In IE and Firefox, it does.
I would really like to have my Javascript associated with each tab as
opposed to all put together into a single file so if someone can lend
a hand on whatever I'm doing wrong, I would really appreciate it.
Thanks in advance!
Here is the simple three file example:
--- snip Begin Default.html ---
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/redmond/jquery-
ui-1.7.2.custom.css"/>
<script type="text/javascript" src="Script/jquery-1.3.2.min.js"></
script>
<script type="text/javascript" src="Script/jquery-
ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs({
selected: 0
});
$("#tabs").show();
});
</script>
</head>
<body>
<div id="tabs" style="display:none">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="tab2.html">Tab Two</a></li>
<li><a href="tab3.html">Tab Three</a></li>
</ul>
<div id="tabs-1">
Tab #1
</div>
</div>
</body>
</html>
---snip End Default.html ---
--- snip Begin tab2.html ---
<html>
<head>
<script type="text/javascript">
alert('hi from tab 2');
</script>
</head>
<body>
Tab #2
</body>
</html>
--- snip End tab2.html ---
--- snip Begin tab3.html ---
<html>
<head>
<script type="text/javascript">
alert('hi from tab 3');
</script>
</head>
<body>
Tab #3
</body>
</html>
--- snip End tab3.html ---