2012-06-11 34 views
0

我試圖使用jQuery UI的標籤功能從鏈接http://jqueryui.com/demos/tabs/manipulation.htmljQuery UI的標籤設計犯規WRK以及還增加了

我所做的是複製的源代碼從網頁的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我的網頁看起來像截圖香港專業教育學院附...名單的造型似乎並不被wrking。 ... enter image description here

@import這是怎麼回事?這可能是問題嗎?

+0

我想你已經得到了這兩個css文件的本地副本? '@ import'正在加載這兩個css文件,如果你沒有一個副本,那麼這就是爲什麼沒有樣式 –

+0

我沒有這些文件的副本在本地...... – user1371896

+0

但網站是nt提供副本這兩個文件.. – user1371896

回答

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" />