jQuery UI Bootstrap是什么?
需积分: 0 27 浏览量
2020-11-25
13:31:58
上传
评论
收藏 67KB PDF 举报
jQuery UI Bootstrap是什么是什么?
jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架，jQuery UI Bootstrap不仅可以利用jQuery UI强大的控
件库，同时还可以享受Bootstrap那种清新自然的主题风格，所以越来越多的前端开发者都在使用jQuery UI Bootstrap。
jQuery UI Bootstrap的特点的特点
—– 基于jQuery UI，因此控件功能非常强大，可以使用全部的jQuery UI控件。
—– 基于Bootstrap，不同控件有了统一的外观。
—– 免费开源，你可以很方便地下载和使用。
jQuery UI Bootstrap常用控件的使用常用控件的使用
下面我们来介绍几个最常用的jQuery UI Bootstrap控件，使用方法都非常简单。
jQuery UI Bootstrap 按钮按钮
// Button
$('button').button();
// Anchors, Submit
$('.button').button();
jQuery UI Bootstrap 对话框对话框
// Dialog Link
$('#dialog_link').click(function () {
$('#dialog_simple').dialog('open');
return false;
});
// Modal Link
$('#modal_link').click(function () {
$('#dialog-message').dialog('open');
return false;
});
// Dialog Simple
$('#dialog_simple').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function () {
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
资源评论
