2011-01-22 93 views
3

以下是用於創建選項卡頁面的HTML代碼。jQuery選項卡()函數不顯示選項卡

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script> 
    <title>Testing Tabs</title> 
</head> 
<body> 
    <div id="tabs"> 
    <ul> 
     <li><a href="#panel1">Panel 1</a></li> 
     <li><a href="#panel2">Panel 2</a></li> 
     <li><a href="#panel3">Panel 3</a></li> 
    </ul> 
    <div id="panel1"> 
     <p>This is the text of panel 1</p> 
    </div> 
    <div id="panel2"> 
     <p>This is the text of panel 2</p> 
    </div> 
    <div id="panel3"> 
     <p>This is the text of panel 3</p> 
    </div> 
    </div> 
</body> 

當我執行命令$( '#標籤')。標籤()(或$( '#標籤')。標籤({}))在螢火蟲的CommandLine,真的沒什麼發生,即鏈接仍然是鏈接,並顯示所有div。

回答

4

確保您也包含jQueryUI樣式表。

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css" /> 

例子:http://jsfiddle.net/6kg7k/

+0

D'哦!非常愚蠢。 – vishakad 2011-01-23 13:40:19