여기에 문제를 나타내는 전체 예제 스크립트가 있습니다. 내부 탭 회사/부서가 탭 대신 목록으로 나타납니다.중첩 된 jquery 탭을 얻을 수 없습니다.
편집 : 이미 사람들은 내부 탭도 jQuery를 통해 tabified해야하지만
- 그것이 내가 들어 본
- 모든 예제를 작동하지 않는 것이 좋습니다 것을 시도 http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/nested.html jQuery 탭 호출의 최상위 div 사용.
코드 :
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
<script type="text/javascript">
$(function(){
//make tabs tabs
$('#top-tabs').tabs({selected: 2});
});
</script>
</head><body>
<div id="top-tabs">
<ul>
<li><a href="/timeapp/home">Home</a></li>
<li><a href="/timeapp/timecard">Timecard</a></li>
<li><a href="#tab-selected">Config</a></li>
</ul>
<div id="tab-selected">
<ul>
<li><a href="#inner-tab-selected">Company</a></li>
<li><a href="/timeapp/config/department">Department</a></li>
</ul>
<div id="inner-tab-selected">ok this is a company</div>
</div>
</div>
</body></html>
+1 당신은 더 가깝지만 정확하지 않았습니다. –