如何讓jquery ui標籤工作？

Question

在http://docs.jquery.com/UI/Tabs#Example有一個關於如何使用JQuery UI選項卡的簡短HTML示例。

• 我把HTML放在本地的index.htm文件中。
• 我下載了所有的CSS和Javascript文件，並將它們保存在本地文件中：
• 但最接近的我可以得到的是在選項卡中沒有任何顏色的相同示例。
• 我環顧四周尋找圖像等，但無法找到任何圖像。
• 我甚至可以擁有一切本地的東西，除了我從服務器下載的CSS文件，然後它的工作，所以它是在CSS文件，我沒有得到的東西。

什麼是我不在本地複製在線CSS文件？ 有沒有人得到這個JQuery UI選項卡工作，並有一個本地工作的zip文件？

Answer 1

對於UI標籤工作，你需要一些CSS。該文件規定了最低要求。

您使用示例主題的問題是因爲使用的CSS文件引用了其他CSS文件。您需要將它們全部複製到本地。您還需要在themes/flora/i文件夾下的圖像。

Answer 2

如果你的問題是一切似乎都在運行，但是DIV並沒有消失，那麼你可能會遇到同樣的問題。

您需要定義類.ui-tabs-hide，以便隱藏該元素。基本上jQuery使用它來隱藏元素，而不是用display：none手動執行。這是因爲它不會妨礙顯示器的默認設置，這可能是阻止，內聯或其他任何操作。通過添加和刪除類，它可以提供更多控制。

.ui-tabs-hide 
{ 
    display: none 
} 

Answer 3

我有同樣的問題，這就是爲什麼我在這裏，它花了一段時間才發現問題。 由於kgiannakakis回答與我jQueryUI的頁面上發現了這個CSS在源代碼中的CSS：

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

添加它之前，你的主要CSS像這樣的例子：

然後你應該沒問題 - 它適用於我。