1

私は、gsp ヘッダー テキストで正常に動作する Twitter ブートストラップ ツールチップ機能を使用しています。ここで、id="tooltipcheck" にブートストラップ ツールチップを追加します。title="{{data}}" と書くと、ツールチップが表示されますが、ブートストラップ ツールチップはここでは機能しないようです。js テンプレートに問題がありますか、それとも他に何かありますか?

<script id="myTemplate" type="text/x-handlebars-template">
<div class="row">
    <div class="span4" id="tooltipcheck" data-placement="bottom" data-toggle="tooltip"  data-original-title="{{data}}">{{data}} </div>
</div>

このようにツールチップを呼び出しています。

      <script>

jQuery(function ($) {
    $("#tooltipcheck").tooltip('show');

});

4

2 に答える 2

1

ID は一意である必要があるため、テンプレートで要素の ID を設定することはできません。tooltipcheck代わりにクラスに変更してみてください:

<div class="span4 tooltipcheck" data-placement="bottom" data-toggle="tooltip" data-original-title="{{data}}">{{data}} </div>

次に、クラスを使用してツールチップを初期化します。

$(".tooltipcheck").tooltip('show');

ツールチップは、ハンドルバーがテンプレートを解析してマークアップを生成した後に初期化する必要があります。そうしないと、ツールチップにバインドする要素がなくなります。

于 2013-08-13T11:41:58.610 に答える
0

動的要素を使用しているため、要素が dom に追加された後、新しい要素のツールチップを初期化する必要があります

元：

var html = // html from template
var el = $(html).appendTo('somele');
el.find('<tooltip-element>').tooltip('show');

また、テンプレートを使用しているため、ページにテンプレートのインスタンスが複数あると想定しています。テンプレートid内では使用しないでください。dom では ID は 1 回だけ存在する必要があります。

于 2013-08-13T11:41:07.223 に答える