2013-10-28 116 views
0

我在我的应用程序中使用引导程序。我试图使用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){ 
    } 

谢谢大家提前对您的回复。

回答

3

使用

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 
+0

其工作..谢谢@Sridhar R – Deepak