8

这是一个总的 n00b 问题。我正在尝试使用 JQuery UI，但 JQuery CSS 似乎对我的 HTML 文件没有任何影响。

以下是我采取的步骤：1）选择一个主题并包含一个链接（我尝试了远程和本地）

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" >

2）为按钮设置一个类以使用主题：

<button class="ui-button" id='button 1'>hello world</button>

在这个时间点上，我认为这就是它所需要的一切。我通读了一些教程，他们都认为所有主题都是开箱即用的，主要集中在调整它们上。

入门的最低要求是什么？

最终的 HTML 文档：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery demo</title>

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" >

    <style>
        a.test { font-weight: bold; }
    </style>

</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<button class="ui-button" id='button 1'>hello world</button>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
    $(document).ready(function(){
    });
</script>
</body>
</html>
4

1 回答 1

6

您已经加载了 jQuery 脚本，但没有加载 jQuery-UI 脚本。（除了 jQuery 本身之外，jQuery-UI 还需要 CSS 和 JS 文件。）

<script>将您的标签更改为：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
    $(document).ready(function(){
});
</script>
于 2012-12-05T20:48:34.110 回答