2011-03-29 243 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