Bootstrap笔记(四) 博客分类: Coding bootstrap
程序员文章站
2024-03-20 18:46:04
...
★:Tooltip
这个纯粹出于自己的需要。在form提交时要对各个控件进行有效验证,验证结果里的那些错误信息,希望能够用Tooltip来显示在控件的旁边。默认的黑底白字显得很别扭,不大合适。
由于Bootstrap本身没有开放这个接口,实现起来甚是麻烦。网上查下来,动态改颜色的,替换html模板的,改源码的...五花八门。最终选择了修改Bootstrap源代码的方式。因为我觉得这才是“应该的”模样,哈。
1. 修改Bootstrap的源码。在tooltip的applyPlacement方法中如下位置添加
... $tip.offset(offset).addClass(placement).addClass('in'); // 添加css。@see http://*.com/questions/12170357/ if (this.options.cssClass) { $tip.addClass(this.options.cssClass); } ...
2. 调用示例
field.tooltip({ ... cssClass : 'error', ... }).tooltip('show');
3. error的css请参考前面的内容。
效果图
日文是因为在调试国际化。
上一篇: 【权限管理】的浅析 *cheng权限
推荐阅读
-
Oracle性能优化笔记——并行&位图索引 博客分类: Coding建议 Oracle
-
Bootstrap笔记(四) 博客分类: Coding bootstrap
-
让Bootstrap轮播插件carousel支持左右滑动手势的三种方法 博客分类: web开发
-
srt学习笔记四:srs支持srt 博客分类: ffmpeg ffmpeg
-
大四了,想一想时间过得很快...... 博客分类: 学习笔记 JavaRedHatASP.net编程DWR
-
ActiveMQ学习笔记之四--启动嵌入式Broker(纯代码方式) 博客分类: java
-
在BootStrap的modal中使用Select2 博客分类: Web开发 UI
-
在BootStrap的modal中使用Select2 博客分类: Web开发 UI
-
利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)