Question

我有一个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

    });
});

有人可以给我一些指导吗？谢谢！

Answer 1

如果您的页面上包含主题的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>

将样式应用于jQueryUI

1 个答案: