欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery UI Bootstrap是什么?

 更新時(shí)間：2016年06月17日 16:37:33   作者：小峰  
jQuery UI Bootstrap是什么?jQuery UI Bootstrap是一個(gè)將jQuery UI集成到Bootstrap上的CSS框架,具體內(nèi)容請(qǐng)看下文

jQuery UI Bootstrap是一個(gè)將jQuery UI集成到Bootstrap上的CSS框架，jQuery UI Bootstrap不僅可以利用jQuery UI強(qiáng)大的控件庫(kù)，同時(shí)還可以享受Bootstrap那種清新自然的主題風(fēng)格，所以越來(lái)越多的前端開(kāi)發(fā)者都在使用jQuery UI Bootstrap。
 jQuery UI Bootstrap的特點(diǎn)
----- 基于jQuery UI，因此控件功能非常強(qiáng)大，可以使用全部的jQuery UI控件。
----- 基于Bootstrap，不同控件有了統(tǒng)一的外觀。
----- 免費(fèi)開(kāi)源，你可以很方便地下載和使用。

jQuery UI Bootstrap常用控件的使用
下面我們來(lái)介紹幾個(gè)最常用的jQuery UI Bootstrap控件，使用方法都非常簡(jiǎn)單。

jQuery UI Bootstrap 按鈕

// Button
$('button').button();
// Anchors, Submit
$('.button').button();

jQuery UI Bootstrap 對(duì)話框 

// 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還有很多控件，這里就不一一列舉了，大家可以前往其官方網(wǎng)站下載使用。

本文鏈接：http://www.codeceo.com/article/jquery-ui-bootstrap.html
本文作者：碼農(nóng)網(wǎng) – 小峰

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

如果大家還想深入學(xué)習(xí)，可以點(diǎn)擊這里進(jìn)行學(xué)習(xí)，再為大家附一個(gè)精彩的專題：Bootstrap學(xué)習(xí)教程

相關(guān)文章

最新評(píng)論