2009-07-05 5 views
1

여기서 내가 뭘 잘못하고 있니? jQuery UI 탭을 시작하려고합니다. 지금 작동하지 않습니다. 캐시 될 수 있도록 Google 버전을 사용할 것이라고 생각했습니다. Google에 ui.tabs.js가있는 곳을 찾고 싶습니다.jQuery UI 탭

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css"> 
<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 
google.load("jqueryui", "1"); 
google.setOnLoadCallback(function() { 
    $("#myTabs").tabs(); 
}); 
</script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script> 
</head> 

<body> 
<ul id="myTabs"> 
    <li><a href="#0"><span>Tab 1</span></a></li> 
    <li><a href="#1"><span>Tab 2</span></a></li> 
</ul> 
<div id="0">This is the content panel linked to the first tab, it is shown by default.</div> 
<div id="1">This content is linked to the second tab and will be shown when its tab is clicked.</div> 
</body> 
</html> 

답변

2

는 동일한 continer에있는 모든 탭을 묶어야합니다 : 그것은

<div id="myTabs"> 
<ul> 
    <li><a href="#0"><span>Tab 1</span></a></li> 
    <li><a href="#1"><span>Tab 2</span></a></li> 
</ul> 
<div id="0">This is the content panel linked to the first tab, it is shown by default.</div> 
<div id="1">This content is linked to the second tab and will be shown when its tab is clicked.</div> 
</div> 
+0

오였습니다! 이것은 jQuery UI 1.6 책의 예제 # 1 이었기 때문에 좋은 징조는 아닙니다! –