rails + bootstrap 做项目使用的一些插件

最新推荐文章于 2018-12-01 22:09:00 发布

原创最新推荐文章于 2018-12-01 22:09:00 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

ruby & rails 同时被 2 个专栏收录

56 篇文章

订阅专栏

javascript jquery bootstap

10 篇文章

订阅专栏

本文介绍了多种前端开发中常用的工具和技术，包括jQuery、DataTables、Bootstrap等框架和组件，还涉及了日期处理、滑动杆控件、可查询的下拉框等功能强大的插件。

一 . jquery

二. datatable

http://datatables.net/

dynatatble （可以根据json对象的key，自动画出表头）

http://www.dynatable.com/

三. Bootstrap 中文网

http://www.bootcss.com/

1. 确认框插件 bootbox

http://bootboxjs.com/

2. 信息提示框

https://github.com/HubSpot/messenger

3. nav tabs

http://v3.bootcss.com/components/#nav

<ul id="mytab" class="nav nav-tabs">
    <li class="active"><a href="#sensors" data-toggle="tab">传感器</a></li>
    <li><a href="#cameras" data-toggle="tab">影像</a></li>
    <li><a href="#geology" data-toggle="tab">地质</a></li>
    <li><a href="#dems" data-toggle="tab">DEM</a></li>
    <li><a href="#photos" data-toggle="tab">照片</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="sensors">111</div>
    <div class="tab-pane" id="cameras">2222</div>
    <div class="tab-pane" id="geology">333</div>
    <div class="tab-pane" id="dems">444.</div>
    <div class="tab-pane" id="photos">444.</div>
</div>

4. 可查询的下拉框 select2

http://ivaynberg.github.io/select2/index.html

5. 滑动杆控件

jquery ui slider

6. 菜单条目中显示check 按钮

bootstrap-dropdown-checkbox

7. 不利用服务器端编程，利用swf把内容保存到本地文件.(datatables 也有这个功能)

Downloadify

8. 可以折叠的侧边栏

http://www.sitepoint.com/10-jquery-sliding-sidebar-panel-plugins/

四.常用的js组件

1. 日期和时间处理组件