jQuery UI不会将主题应用于按钮

时间:2013-02-09 14:46:40

标签: jquery css jquery-ui button jquery-ui-button

我想将jQuery UI主题应用于按钮,但我不能!为什么?这是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<script src="_code/js/jquery.js" type="text/javascript"></script>  
<script src="_code/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<link href="_code/css/redmond/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<button>Button</button>
</body>
</html>

结果是没有jQuery UI主题的普通按钮! 提前致谢

3 个答案:

答案 0 :(得分:0)

那是因为你没有写任何关于将特定主题应用于按钮的内容。请了解jquery的基本语法和用法:w3schoos.com。您链接的文件通常会为它们提供javascript函数,这些函数会在您编写一些jquery代码时发生。还需要一些jquery代码。如果您是从网站上获取的,请参加完整的教程。

答案 1 :(得分:0)

与jQuery Mobile不同,jQuery UI不会自动将小部件应用于页面中的元素。

您必须在<button>元素周围明确创建button小部件:

$(document).ready(function() {
    $("button").button();
});

答案 2 :(得分:0)

这是因为您刚刚包含了jquery UI文件。如果你为了不同的目的调用jquery UI中可用的函数,jquery UI就可以工作.Eg -

$(“#txtprofession”)。autocomplete({             来源:availableTags         });

这是自动完成功能的代码。这里'#txtprofession'这是我想要实现自动完成功能的文本框的id。如果我没有调用jquery UI中可用的autocomplete()函数,直到那么jquery UI主题就不会在文本框中实现,因为有些类会通过调用函数在该文本框中传递。