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学习教程

最新资讯
破天荒!苹果要在Twitter直播新品发布会

破天荒!苹果要在Twitte

苹果多年来一直是采取直播来发布新产品,但是之前都是在
游戏化、心流与推荐算法到底厉害在哪里?

游戏化、心流与推荐算

Gamification这个概念在近年的产品领域是一个相当热门
新iPhone发布之前 iPhone 7是目前最常见的苹果机型

新iPhone发布之前 iPh

国外一家机构发布的数据显示,目前iPhone 7是最常见的iP
发布前的最后盘点:新iPhone的杀手锏究竟是什么?

发布前的最后盘点:新iP

“双卡双待好,生活一个号,工作一个号,生活工作两不误。”
爱笑的丁磊运气不会太差,那网易游戏呢?

爱笑的丁磊运气不会太

从某种意义上来说,丁磊后来在网络游戏上的成功也是一种
互联网听歌二十年

互联网听歌二十年

互联网如何改变我们听歌的方式。
最新文章
详解NodeJs开发微信公众号

详解NodeJs开发微信公

本篇文章给大家分享了NodeJs开发微信公众号的相关技术
详解webpack4多入口、多页面项目构建案例

详解webpack4多入口、

这篇文章主要介绍了详解webpack4多入口、多页面项目构
Vue仿支付宝支付功能

Vue仿支付宝支付功能

这篇文章主要介绍了Vue仿支付宝支付功能,非常不错,具有
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】

jquery ajaxfileuplod

点击一次上传, 当上传操作结束后才能操作界面,实现方式
JavaScript继承与多继承实例分析

JavaScript继承与多继

这篇文章主要介绍了JavaScript继承与多继承,结合实例
使用javascript做在线算法编程

使用javascript做在线

这篇文章主要介绍了使用javascript做在线算法编程的相