<div>bs tooltip:你能点击链接？</div> <hr> <div>delay tooltip：尝试点击链接</div> <hr> <div data-html="true" data-placement="bottom" data-toggle="delayTooltip">delay tooltip:利用html标签实现</div>
JavaScript 代码：
(function(global, $){ var page = function(){ }; page.prototype.bootstrap = function(){ var html = 'Weclome to my blog <a target="_blank" href="https://www.jb51.net/greengerong.github.io">破狼博客</a>!<input type="text" placeholder="input some thing"/>'; $('#tooltip').tooltip( { html: true, placement: 'top', title: html }); $('#delayTooltip').delayTooltip( { html: true, placement: 'bottom', title: html }); $('#delayTooltipInHtml').attr('title', html).delayTooltip(); return this; }; global.Page = page; })(this, jQuery); $(function(){ 'use strict'; var page = new window.Page().bootstrap(); // });
这款插件既支持jQuery在HTML中声明属性的方式，同时也可以在javascript中使用。效果如下：
