Search jQuery

jQuery Forum

Tabs Widget: I can't reload ajax tab content on IE

in Using jQuery UI • 3 months ago

The webpage (.aspx) shown below should refresh the contents of the second tab every time it is accessed, reloading anothercontent.aspx page on that tab . This works well in all browsers except IE (9 & 10 tested). Why?

Thanks!

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jscripts/jquery/jquery-1.9.0.js" type="text/javascript"></script>
<script src="jscripts/jquery/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<link href="jscripts/jquery/css/redmond/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("#tabs").tabs({
beforeLoad: function (event, ui) {
ui.jqXHR.error(function () {
ui.panel.html("error");
});
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">First</a></li>
<li><a href="anothercontent.aspx">Second</a></li>
</ul>
<div id="tabs-1">
<p>some text</p>
</div>
</div>
</div>
</form>
</body>
</html>