0

リンクからjquery UIタブ機能を使用しようとしていますhttp://jqueryui.com/demos/tabs/manipulation.html

私がしたことは、ソースコードをWebページから私のPCのhtmlファイルにコピーしたことです。また、対応するcssおよびjsファイルを追加し、それらをインデックスページにリンクしました。私のページではデザインがうまく機能していないため、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";

私のページは、添付されているスクリーンショットのように見えます...リストのスタイルが機能していないようです....ここに画像の説明を入力

物事はどのように機能し@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 つのスタイルシートをインポートするために使用されます。インポートされているこれらのスタイルシートの 1 つから、さらにスタイルシートをインポートしています。したがって、このデモが機能するには、これらすべてが必要になります。

@importsこれらは使用せず、すべてのスタイルを持っているため、jQueryUI からテーマの 1 つをダウンロードすることをお勧めします。

または、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 に答える