2011-03-29 235 views
0

我有一個運行良好的JQueryUI自動完成小部件。現在我申請這個:將樣式應用於jQueryUI

http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css

,並導入到網頁。我應該如何在我的jQueryUI中訪問這個主題?這裏是我的jQueryUI的代碼:

<script type ="text/javascript"> 
$(document).ready(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $('[id$="tbSearch"]').autocomplete({ 
     source: availableTags 

    }); 
}); 

可有人爲我提供一些指導?謝謝!

回答

0

它應該只是工作,如果您的主題的CSS包含在您的網頁(並具有正確的路徑在CSS內的圖像)。

嘗試從這裏下載自定義程序包:http://jqueryui.com/download

你可以選擇主題上的權利,它會與你的JavaScript代碼和圖片進行包裝。

編輯

你的HTML應該包括這樣的事情:

<link rel="stylesheet" href="styles/ui-lightness/jquery-ui-1.8.7.custom.css" type="text/css" media="screen"> 
    <link rel="stylesheet" href="styles/myStyles.css" type="text/css" media="screen"> 
    <script src="scripts/jquery-1.4.4.min.js" type="text/javascript"></script> 
    <script src="scripts/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script> 
+0

我下載了。現在我應該在哪裏引用我的JQuery? – 2011-03-29 19:20:25

+0

因此,將下載的(和解壓縮後的)文件複製到您的項目中(您只需要'css'和'js'目錄。使用HTML中的相對路徑指向項目中的不同文件。 – typeof 2011-03-29 19:39:22

+0

Thanks!很多解釋。 – 2011-03-29 19:51:57