码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap tooltip 显示提示信息

时间:2015-10-12 18:41:34      阅读:1632      评论:0      收藏:0      [点我收藏+]

标签:

参照网上文档,是这样说的,

<a data-toggle="tooltip" data-placement="top" title="这是要提示Tooltip文字">上方的 Tooltip</a>
 
        <script type="text/javascript">
        $(function(){
            var options={
                animation:true,
                trigger:‘hover‘ //触发tooltip的事件
            }
            $("[data-toggle=‘tooltip‘]").tooltip(options);
            //$("[data-toggle=‘tooltip‘]").tooltip(‘show‘);//指定显示某一个tooltip//还可取值hide toggle 
        });
 
        // 或者  $(function () { $("[data-toggle=‘tooltip‘]").tooltip(); });
 
 // 当想显示主要内容时,<a data-toggle="tooltip" data-placement="top" title="这是要提示Tooltip文字" data-content=‘除了定义提示信息的title标题,还要定义主要的内容‘>上方的 Tooltip</a>
 //$(function () {
//$("[data-toggle=‘tooltip‘]").popover();
 //   })
        </script>
 
但在我使用过程中并未显示提示文字,查找另一种解决办法是这样,就能显示了,但使用td自动生成了宽度要注意bootsrap td的宽度要保持一致,才不影响使用
 
可应用的写法:
<td class="tdOfTextLeft" onMouseOver="$(this).tooltip(‘show‘)" data-toggle="tooltip" title="这是提示这是提示这是提示这是提示"  data-placement="top">
效果:
技术分享

技术分享
参照链接:

http://www.runoob.com/bootstrap/bootstrap-tooltip-plugin.html
http://www.cnblogs.com/Zell-Dinch/p/3888855.html
http://blog.csdn.net/a316212802/article/details/25215491
http://www.educity.cn/wenda/149132.html

 

bootstrap tooltip 显示提示信息

标签:

原文地址:http://www.cnblogs.com/shy1766IT/p/4872133.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!