Question

jQuery UI.Layout 和jquery的tab的结合问题，请教！

jQuery UI.Layout ，把页面分为左右两框架，右框架里有个jquery的tab，怎样点左框架的某记录，使右框架的tab定位到某个tab上，而且给这个tab最好能传个参数，请教！

页面代码

@{
ViewBag.Title = "Index";
Layout = "";
}
<script src="../../Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.layout-latest.js" type="text/javascript"></script>
<link href="../../Content/themes/cupertino/jquery-ui-1.8.11.custom.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
.ui-layout-pane-west {
background: #dfe8f6;
border: 0px solid #8db2e3;
padding: 100px;
overflow: auto;
background-color:Red;
}

</style>
<h2>
计划列表</h2>
<div class="ui-layout-west">
<iframe src="/Jihua/JiHuaList" style="width: 100%; height: 100%;"></iframe>
</div>
<div class="ui-layout-center">
<div id="tabs" style="width: 100%; height: 100%;">
<ul>
<li><a href="#tab1"><span>计划书</span></a></li>
<li><a href="#tab2"><span>操作票</span></a></li>
</ul>
<div id="tab1">
<iframe src="/Jihua/JiHuaShu" style="width: 100%; height: 100%;"></iframe>
</div>
<div id="tab2">
<iframe src="/CaoZuoPiao/Test" style="width: 100%; height: 100%;"></iframe>
</div>
</div>
</div>
<script type="text/javascript">

$(function () {
$("#tabs").tabs();
//$('body').layout({ applyDefaultStyles: true });
$('body').layout({ applyDefaultStyles: true, west__size: 310, resizerTip:"可调整大小" });
});

</script>

Answer 1

12