requirejs使用AMD标准的jquery-ui
2017-02-02 17:52
337 查看
1、下载源码版的jquery-ui,这样可以按需加载部件
2、html页面引用
<link href="js/jquery-ui-1.12.0-rc.2/themes/base/all.css" rel="stylesheet" />
<script data-main="app" src="require.js"></script>
3、入口文件 app.js
require.config({
baseUrl: "js",
paths: {
"jquery": "jquery",
},
shim: {
}
});
require(["jquery", "jquery-ui-1.12.0-rc.2/ui/widgets/datepicker"], function ($) {
$("<input>").appendTo("body").datepicker();
});
非常简洁!
2、html页面引用
<link href="js/jquery-ui-1.12.0-rc.2/themes/base/all.css" rel="stylesheet" />
<script data-main="app" src="require.js"></script>
3、入口文件 app.js
require.config({
baseUrl: "js",
paths: {
"jquery": "jquery",
},
shim: {
}
});
require(["jquery", "jquery-ui-1.12.0-rc.2/ui/widgets/datepicker"], function ($) {
$("<input>").appendTo("body").datepicker();
});
非常简洁!
相关文章推荐
- angular使用requirejs/ui-router/angularAMD实现动态加载模块
- jquery-ui 的 主题 选择什么颜色? 建议使用html5 的标准进行书写, 更简洁!
- Jquery UI tab 使用注意
- 在 ASP.NET 使用 jQuery BlockUI 插件
- jQuery UI AutoComplete 中使用自定义的数据
- jquery.blockUI.js的使用示例
- jquery live 与使用 jquery ui api
- 在 ASP.NET 使用 jQuery BlockUI 插件
- 使用 jQuery UI AutoComplete
- [JavaScript]使用jQuery定制开发自己的UI
- 完美解决MVC下使用jQuery UI Dialog Confirm不能确认
- 使用用JavaScript或Jquery获取标准下拉框的"选中值"和"选中文本"
- 在ASP.NET下使用jQuery UI Dialog 无法提交问题
- jQuery UI Autocomplete 使用 ajax 方法传输Json数据出现乱码问题的解决
- jQuery UI AutoComplete 自动完成使用小记
- 使用 jQuery UI AutoComplete
- jQuery Slider UI使用
- jQuery UI AutoComplete 自动完成使用小记
- jquery.blockUI.js的使用示例
- easyUI布局篇使用jquery easy UI的panel和layout实现界面的自适用窗口