jquery UI选项卡设计不能很好地工作

Question

我正在尝试使用链接http://jqueryui.com/demos/tabs/manipulation.html

中的jquery UI标签功能

我所做的是将源代码从网页复制到我的电脑中的html文件中。还添加了相应的css和js文件并将它们链接到索引页面。 bt似乎有一个css部分的问题，因为我的页面中的设计并不好。问题似乎与文件jquery.ui.all.css

有关

其内容为

/*!
* jQuery UI CSS Framework 1.8.21
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming
*/
 @import "jquery.ui.base.css";
 @import "jquery.ui.theme.css";

Nw我的页面看起来像是我附上的截图...列表样式似乎没什么问题....

@import如何解决问题？这可能是问题吗？

Answer 1

我认为你遗漏了html中的css文件。

http://jqueryui.com/themes/base/jquery.ui.tabs.css

@import用于链接HTML文件中的css文件

Answer 2

正在使用的样式表使用@imports导入2个其他样式表。从正在导入的其中一个样式表中，然后导入更多样式表。因此，您需要所有这些才能使用此演示。

我建议从jQueryUI下载其中一个主题，因为这些不使用@imports并拥有所有样式。

或者，使用CDN访问javascript和css文件。我用Microsoft CDN 您可以在项目中添加链接：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/jquery-ui.min.js"></script>

然后

<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/themes/black-tie/jquery-ui.css" />