原文:bootstrap源码学习与示例:bootstrap-typeahead

bootstrap typeahead这个名字起得很坑爹,其实就是其他UI库的自动完成。它只要引入JS就能用了。要求目标文本域至少有两个属性, data provide typeahead 与data source就行了。data source是一个经过unescapeHTML的字符串数组。不过还是建议用JS初始化后,然后动态更新source属性。 名称 类型 默认 描述 source 数组 用于 ...

2012-12-25 16:11 1 4862 推荐指数:

查看详情

bootstrap源码学习示例bootstrap-tooltip

tooltip是bootstrap第二复杂的组件,近三百行。配置项比较多。并且需要手动初始化。另一个特点是没有自定义事件。 名称 类型 默认 描述 animation 布尔值 true ...

Tue Dec 25 00:28:00 CST 2012 1 6217
bootstrap源码学习示例bootstrap-affix

bootstrap在2.1新增的组件,直译过来就是固定。其实这组件很简单,就是通过添加或移除affix这个类名实现屏幕固定或不固定。当页面加载完毕时,JS插件会搜索页面上所有[data-spy="affix"]的元素,然后找其data-offset-top或data-offset-bottom属性 ...

Tue Dec 25 07:18:00 CST 2012 4 8314
bootstrap源码学习示例bootstrap-tab

切换卡或叫标签页组件。它与scrollspy组件一样,分为两部分,触发区与面板区。触发区用于绑定点击事件,切换对应的面板。 切换区为一个UL列表,要求UL带"nav nav-tabs"或"nav n ...

Sun Dec 23 00:25:00 CST 2012 4 22931
bootstrap源码学习示例bootstrap-transition

虽然是基于不纯的目的来学习它,但想必也对大家有所帮助。 bootstrap虽然挂着twitter的名字,但实质上只是twitter的两个员工自己的项目。 bootstrap不是单纯一个项目,它的许多部件,包括CSS部分,JS部分,还是最原始的less部分要依赖其他项目才能运作。不过CSS已经有 ...

Thu Dec 20 21:43:00 CST 2012 4 7364
bootstrap源码学习示例bootstrap-button

今天开始说非常简单的bootstrap-button组件。 button设计得非常smart,只有一个调用接口,你可以在$().button(str)中传入不同的字符串,来切换它的文本,其中有三个是框架占用的——toggle, reset, loading。 button的文本切换 ...

Fri Dec 21 00:06:00 CST 2012 1 6842
bootstrap源码学习示例bootstrap-scrollspy

bootstrap-scrollspy(滚动侦测)是一个很有趣的组件,它会将某一个存在滚动条的区域中一些元素的ID值收集起来,然后在它们靠近滚动区顶部时高亮这些ID值代表的A元素。 它也明显的缺陷,对格式限得太死。它由两部分组成。一部分是滚动区,滚动区有个data-target用于指向包含菜单 ...

Sat Dec 22 00:04:00 CST 2012 2 10595
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM