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">
<p>Tab #1</p>
</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>
<p>Tab #2</p>
</body>
</html>
--- snip End tab2.html ---
--- snip Begin tab3.html ---
<html>
<head>
<script type="text/javascript">
alert('hi from tab 3');
</script>
</head>
<body>
<p>Tab #3</p>
</body>
</html>
--- snip End tab3.html ---
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
