我必须在 aspx 页面中编程选项卡。每个选项卡将包含一个不同的 aspx 页面。我可以用这个 jquery 代码和 Div 标签来做到这一点:
// In Default.aspx
<head runat="server">
<link rel="stylesheet" href="~/Styles/jquery-ui.css" />
<script src="Scripts/jquery-1.9.1.js"></script>
<script src="Scripts/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<script language="javascript">
$(document).ready(function () {
$("#tabs-1").load("First.aspx", {}, function (data) {
// do something
});
$("#tabs-2").load("Second.aspx", {}, function (data) {
// do something
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="tabs">
<ul>
<li><a href="#tabs-1">First tab</a></li>
<li><a href="#tabs-2">Second tab</a></li>
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
</div>
</div>
</form>
</body>
我的问题是包含在选项卡中的 aspx 页面的回发。当 First.aspx 或 Second.aspx 回发时,Defautl.aspx 就会消失,First.aspx 或 Second.asps 会控制屏幕。
一种解决方案是使用 iframe 而不是 Div,但我过去曾遇到过 iframe 的问题,因此更愿意避免使用它们。
有什么方法可以使用选项卡和每个包含 aspx 页面的选项卡?