jQuery UI Bootstrap是一個(gè)將jQuery UI集成到Bootstrap上的CSS框架，jQuery UI Bootstrap不僅可以利用jQuery UI強(qiáng)大的控件庫，同時(shí)還可以享受Bootstrap那種清新自然的主題風(fēng)格，所以越來越多的前端開發(fā)者都在使用jQuery UI Bootstrap。
jQuery UI Bootstrap的特點(diǎn)
----- 基于jQuery UI，因此控件功能非常強(qiáng)大，可以使用全部的jQuery UI控件。
----- 基于Bootstrap，不同控件有了統(tǒng)一的外觀。
----- 免費(fèi)開源，你可以很方便地下載和使用。
jQuery UI Bootstrap常用控件的使用
下面我們來介紹幾個(gè)最常用的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還有很多控件，這里就不一一列舉了，大家可以前往其官方網(wǎng)站下載使用。
本文鏈接：http://www.codeceo.com/article/jquery-ui-bootstrap.html
本文作者：碼農(nóng)網(wǎng)
主站蜘蛛池模板：
武强县|
南康市|
岚皋县|
家居|
榆中县|
高陵县|
永泰县|
防城港市|
湖州市|
阳原县|
景洪市|
武强县|
乐业县|
龙岩市|
汝南县|
且末县|
武邑县|
太和县|
正阳县|
磐石市|
滨州市|
民乐县|
咸宁市|
山阴县|
南木林县|
新干县|
普宁市|
集贤县|
永泰县|
宁陕县|
邢台县|
依兰县|
图木舒克市|
潼南县|
博爱县|
漯河市|
陆川县|
竹山县|
聊城市|
松原市|
潮州市|