Question

我想使用一个在点击时触发的引导弹出框，并在悬停时有一个（非引导）工具提示。通常你会使用html title属性。但是在弹出窗口初始化时，引导程序会将title属性的内容写入data-original-title属性，并用空字符串替换title。

例如：

<a href="#!" data-toggle="popover" data-title="This is the Popover's Title" data-placement="bottom" data-trigger="click" title="This is a Tooltip">
</a>

在初始化后变成这个：

<a data-original-title="This is a Tooltip" href="#!" data-toggle="popover" data-title="This is the Popover's Title" data-placement="bottom" data-trigger="click" title=""></a>

由于title属性现在为空，因此不会显示工具提示。

有没有办法在普通html的弹出框架上显示工具提示？

Answer 1

您好，您可以使用其他数据属性作为示例的标题和内容，请检查：

$('a').each(function() {
  $(this).popover({    
    content : $(this).attr("popover-content"),
    title : $(this).attr("popover-title"),
    placement : "right"
  }),
  $(this).tooltip({    
    title : $(this).attr("tooltip-title"),
    placement : "bottom"
  })
});

<a tooltip-title="This is a Tooltip" href="#!" popover-title="This is the Popover's Title" popover-content="popover content" data-trigger="click">click me</a>

fiddle

上的示例

带有html标题工具提示的Bootstrap popover

1 个答案: