【问题标题】:jQuery UI doesn't apply the theme to a buttonjQuery UI 不会将主题应用于按钮
【发布时间】:2013-02-09 14:46:40
【问题描述】:

我想将 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 主题的普通按钮! 提前致谢

【问题讨论】:

  • 哪个主题?我一个都看不到。

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


【解决方案1】:

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

您必须在您的 &lt;button&gt; 元素周围显式创建一个 button 小部件:

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

【讨论】:

  • 在jQuery的demo页面中没有这个功能。完全没有功能!如果我将该代码添加到我的代码中,则不会发生任何事情。
  • @Koccy 看这个例子jSfiddle Frédéric Hamidi 的代码工作正常...
【解决方案2】:

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

【讨论】:

  • 我只是看了一下jQuery UI demo page的代码,里面没有jQuery代码
  • 正如 Frédéric Hamidi 所说,$("button").button();.这个 .button();是触发函数的触发器。实际的东西会在文件中被提及或至少在某处
  • 请给我你得到它的文件或链接
  • 现在可以了。我使用了$("button").button(); 方法。但是我不明白这是怎么回事>jqueryui.com/resources/demos/button/default.html 可以工作!
  • @Koccy,您是否错过了该页面源代码第 14 行对button() 的调用?
【解决方案3】:

这是因为您刚刚包含了 jquery UI 文件。如果您出于不同目的调用 jquery UI 中可用的功能,则 jquery UI 可以工作。例如--

$( "#txtprofession" ).autocomplete({ 来源:availableTags });

这是自动完成功能的代码。这里是“#txtprofession”,这是我希望实现自动完成功能的文本框的 ID。如果我不调用 jquery UI 中可用的 autocomplete() 函数,直到那么 jquery UI 主题将不会在文本框上实现,因为某些类将通过调用该函数在该文本框上传递。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-22
    • 2013-06-14
    • 2012-05-30
    • 2012-07-12
    相关资源
    最近更新 更多