Question

我在我的应用程序中使用bootstrap。我正在尝试使用 data-html =“true”将目录显示为工具提示。但它不起作用。

这是我的代码：

    <div title="<table><tr><td>Column1</td><td>Value1></td><tr><td>Column2</td><td>Value</td></tr></table>" 
       data-html="true" rel="tooltip" style="cursor:pointer;" 
       class="infobox infobox-red  infobox-dark  " onclick="OpenDetails(this)">
      <div class="infobox-icon"><i class="logo-box boa"></i></div>
      <div class="infobox-data"><span class="infobox-data smaller">BOA</span>
      <div class="infobox-content">(0/0/0/0 )</div>
      </div>
    </div>

    $(function () {
            $("[rel='tooltip']").tooltip();
        });    

    function OpenDetails(Obj){
     }

提前感谢大家的回复。

Answer 1

使用

data-original-title

HTML：

<div rel='tooltip' data-original-title='<h1>big tooltip</h1>'>Visible text</div>

使用Javascript：

$("[rel=tooltip]").tooltip({html:true});

如果要使用所有引导函数，只需使用以下文件：

-bootstrap.css
-bootstrap.js

Answer 2

使用

A.findAll({
  where: {
    $bRecords$: null
  },
  include: [
   model: B,
   as: 'bRecords' 
 ]
}

在body标签的末尾（在jQuery和Bootstrap之后）

也可以使用

<script>
  $(function () {
    $('[rel="tooltip"]').tooltip();
  });
</script>

代替

title="Column1 | Column2 <br> Value1 | Value2"

最终版本可能是这样的：

title="<table><tr><td>Column1</td><td>Value1></td><tr><td>Column2</td><td>Value</td></tr></table>"

bootstrap工具提示无效

2 个答案: