將樣式應用於jQueryUI

我有一個運行良好的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 

    }); 
});

可有人爲我提供一些指導？謝謝！

來源

2011-03-29 RG-3

它應該只是工作，如果您的主題的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>

來源

2011-03-29 18:46:56 typeof

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

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

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

將樣式應用於jQueryUI

回答

相關問題