Question

我有一个按钮，当我将鼠标放在它上面时，我希望看到＆＃34;标题＆＃34;消息，但问题是当我添加一个popover我不能再看到标题消息了！基本上这是停止tt的代码

$('#somebutton').popover({
    html: true,
    title: '<div class="tooltip-info-title" lang="en"> ... <button type="button" class="close tooltip-close" onclick="$(\'#somebutton' + '\').popover(\'hide\')">x</button></div>',
    content: function () {
        return '<div class="tooltip-body" lang="en">'... '</div>';
    }
});

提前感谢您的帮助！

Answer 1

Bootstrap docs为您提供了一个如何格式化HTML以使Popover正常工作的示例。 title - 属性将在popover中显示。

考虑以下JS：

$('#somebutton').popover();

以下HTML：

<button id="somebutton" type="button" class="btn btn-info" title="This is the title" data-placement="bottom" data-content="This is the popover body" data-trigger="hover">This is a button with a popover</button>

Fiddle

Answer 2

让这有助于你。

$('#popbutton').popover({
        html: true,
        title: "Example",
        content: function () {
            return $('#popContent').html();
        }
    });

您可以使用html（）函数

的id / class of html元素来弹出任何html内容

<button id="popbutton">Click</button>
<div id="popContent" class="hide">This <em>rich</em> <pre>html</pre> content goes inside popover</div>

http://jsfiddle.net/kAYyR/

popover和title工具提示同时

2 个答案: