jQuery UI Bootstrap是什么?jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架,具体内容请看下文

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");
  }
 }
});

// Dialog message
$("#dialog-message").dialog({
 autoOpen: false,
 modal: true,
 buttons: {
  Ok: function () {
   $(this).dialog("close");
  }
 }
}); 

jQuery UI Bootstrap 日期选择器 

// Datepicker
$('#datepicker').datepicker({
 inline: true
}); 

jQuery UI Bootstrap 菜单

//####### Menu
$("#menu").menu(); 

jQuery UI Bootstrap还有很多控件,这里就不一一列举了,大家可以前往其官方网站下载使用。

本文链接:http://www.codeceo.com/article/jquery-ui-bootstrap.html
本文作者:码农网 – 小峰

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持爱安网。

如果大家还想深入学习,可以点击这里进行学习,再为大家附一个精彩的专题:Bootstrap学习教程

最新资讯
傅盛:与焦虑共生,更以焦虑反抗平庸

傅盛:与焦虑共生,更以焦

2008年,刚满30岁的傅盛离职,张颖看到这个消息,要来电话打
快手收购A站进军二次元,七亿老铁能容得下百万猴子吗?

快手收购A站进军二次

百万“猴子”终于有了新归宿,不是马云爸爸,不是“不站队
苹果WWDC大会发布了什么创新的功能?并没有

苹果WWDC大会发布了什

一场发布会的精彩程度,和演讲者说“isn't that cool”
为什么苹果CEO库克力捧这个10岁小程序员?

为什么苹果CEO库克力

这个有点臭屁、却笑的很腼腆的小孩,用了四年走完了别人
苹果发布新App Store规则:或针对Steam游戏平台

苹果发布新App Store

在拒绝了Steam的iPhone端应用之后,苹果于本周一发布了
拼多多不再低价?至少纸巾品类上是这样

拼多多不再低价?至少纸

以低价起家的拼多多,有望逐渐走出价格洼地。
最新文章
JS动画定时器知识总结

JS动画定时器知识总结

这篇文章给大家总结了关于JS动画中定时器的相关用法以
vue利用axios来完成数据的交互

vue利用axios来完成数

这篇文章主要介绍了vue利用axios来完成数据的交互,本
剖析Angular Component的源码示例

剖析Angular Componen

本篇文章主要介绍了剖析Angular Component的源码示例,
JS中原始值和引用值的储存方式示例详解

JS中原始值和引用值的

原始值指的是代表原始数据类型的值,也叫基本数据类型,引
JavaScript 五大常见函数

JavaScript 五大常见

在javascript前端开发中js函数问题经常会被讨论,这个问
Angular学习笔记之集成三方UI框架、控件的示例

Angular学习笔记之集

这篇文章主要介绍了Angular学习笔记之集成三方UI框架