jquery-ui 和bootstrap中tooltip.js分别使用方法

发布时间:2019-05-22 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jquery-ui 和bootstrap中tooltip.js分别使用方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

方法1.用jquery
引入jquery-ui-1.10.3.min.css 和jquery-ui-1.10.3.min.js
"<img src='/img/folder.png'"+ size +" data-toggle='tooltip' title='"+ object.title +"'>"
具备title属性即可。
显示效果:
请输入图片描述
方法2.用bootstrap tooltip.js 注意引入包,由于是弹出框,有箭头,网上有去掉方法,需要读者可自己找。

 <img src='/img/terrain-icon.png'"+ size +" data-toggle='tooltip' data-html='true' data-content='<strong>hellow world!</strong>' title='"+ object.title +"'> 

出发图片的mouseover event

$(this).popover({trigger:'hover',placement:'right'});

显示效果:title内容会和“hellow world”结合

jquery-ui 和bootstrap中tooltip.js分别使用方法

方法3.用jquery中tooltip,但格式之类另设,在方法1简单的基础上: 详细用法描述jquery tooltip的Api

脚本宝典总结

以上是脚本宝典为你收集整理的jquery-ui 和bootstrap中tooltip.js分别使用方法全部内容,希望文章能够帮你解决jquery-ui 和bootstrap中tooltip.js分别使用方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: