1

アプリケーションでブートストラップを使用しています。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){
     }

ご回答いただきありがとうございます。

4

2 に答える 2

4

使用して

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
于 2013-10-28T08:20:21.070 に答える