如何让jquery ui标签工作？

Question

在http://docs.jquery.com/UI/Tabs#Example，有一个简短的HTML示例，说明如何使用JQuery UI标签。

• 我将HTML放在本地index.htm文件中。
• 我下载了所有CSS和Javascript文件，并将其保存在本地文件中：
• 但是我能得到的最接近的是标签中没有任何颜色的相同示例。
• 我环顾四周寻找图像，但找不到任何图像。
• 我甚至可以拥有本地的所有内容，除了我从他们的服务器上下来的CSS文件，然后它就可以了，所以它是CSS文件中我没有得到的东西。

我不在本地复制在线CSS文件有哪些内容？ 有没有人让这个JQuery UI标签工作，并有一个在本地工作的zip文件？

Answer 1

如果你的问题是一切似乎都在运行，但DIV并没有消失，那么你可能遇到了我所遇到的同样的问题。

您需要定义类.ui-tabs-hide，以便隐藏元素。基本上jQuery使用它来隐藏元素，而不是使用display：none手动执行。这样做的原因是它不会弄乱你的显示器的默认设置，可能是阻止，内联或任何东西。通过添加和删除类，它可以为您提供更多控制。

.ui-tabs-hide
{
  display: none
}

Answer 2

要使用UI标签，您需要一些CSS。文档说明了所需的最低要求。

您对示例主题的问题是因为使用的css文件引用了其他CSS文件。您需要在本地复制它们。您还需要themes / flora / i文件夹下的图像。

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之前添加它，例如：

        
        

然后你应该没事 - 它适合我。