jQuery ui标签

我在这里做错了什么？我正在尝试开始使用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>

来源

2009-07-05 Phillip Senn

您需要括在同一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>

来源

2009-07-05 04:07:52 MiffTheFox

哦，原来如此！这不是一个好兆头，因为这是jQuery UI 1.6书中的示例＃1！ – 2009-07-05 04:17:46

回答

相关问题