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

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

最佳答案

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

您必须显式创建一个 button您周围的小部件 <button>元素:

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

关于jQuery UI 不会将主题应用到按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14789257/

相关文章:

jquery - 使用动态选项对选择进行动画处理

javascript - 移动设备的动态导航栏

asp.net-mvc - 如何创建允许在 asp.net mvc jQuery 中搜索的多选列表框

html - 如果我点击图像图标,图标应该是可点击的,弹出窗口[对话框]应该打开以上传新图像

javascript - 将 li 元素中的文本居中并带有图片背景

CSS - 悬停一个元素,改变另一个元素的可见性

javascript - AJAX API 代码检查?地下天气API?

jquery LOAD 和 bootstrap 4 问题

javascript - 使用 Mysql 在 CodeIgniter 中使用 Jquery 获取选中框输入值

Jquery - 在特定浏览器宽度隐藏元素