1

我使用 twitter 引导工具提示功能，该功能在 gsp 标题文本中运行良好。现在我想在 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 应该只出现一次

于 2013-08-13T11:41:07.223 回答