1

我正在尝试设置引导工具提示,但它似乎不起作用。

<p>This is a <a href="#" title="A collection of words.">sentence</a> with a tooltip</p>​

$(document).ready(function(){
    $("a").tooltip();
});​

我已经设置了以下jsFiddle

html 似乎已转换为以下内容:

<p>This is a <a href="#" data-original-title="A collection of words.">sentence</a> with a tooltip</p>

工具提示 html 被渲染:

<div class="tooltip fade top in" style="top: -34px; left: 20.5px; display: block; "><div class="tooltip-arrow"></div><div class="tooltip-inner">A collection of words.</div></div>

使用正确的 CSS 样式:

在此处输入图像描述

但它从未在浏览器中显示?

在此处输入图像描述

4

1 回答 1

1

它确实有效,只是在 jsfiddle 中,HTML 框外的所有内容都被隐藏了。

更新版本以显示填充:http: //jsfiddle.net/ytpAy/3/

弗雷德

于 2012-08-29T07:17:28.143 回答