0

我正在尝试使用链接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运作的？这可能是问题吗？

4

2 回答 2

0

我认为您在 html 中缺少以下 css 文件。

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

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

于 2012-06-11T10:42:43.807 回答
0

正在使用的样式表用于@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" />
于 2012-06-11T10:49:44.267 回答