Bootstrap工具提示在克隆时不会消失

时间:2013-11-28 21:39:58

标签: javascript jquery html twitter-bootstrap tooltip

警告:我几乎没有使用javascript,html等的经验

http://getbootstrap.com/2.3.2/javascript.html#tooltips这些是我正在使用的工具提示。

因此,工具提示本身对于我们的Web界面的所有内容都完全正常...除了一个细节。

如果在显示工具提示时克隆了它们的东西,它们就不会消失。

例如

假设您有一个表,并且每一行的末尾都有一个+号,如果您单击该符号,则您单击的行将被复制。 (下面的HTML)

+符号附带一个弹出的工具提示,上面写着“复制此行”。如果将鼠标移开并移开,工具提示会正确显示并消失。但是,如果你点击+号,工具提示如果显示就会停留在那里而不会消失。

<SPAN rel="tooltip" data-content="Duplicate this row" title="Duplicate this row"  data-html="true">
 <input class='submit' type="image"  name="Add"  class="submit"  onClick="this.form.appendChild(getInputNode({'type':'hidden','name':'Add','value':'1'}));cloneRow(this);return false;"  height="12"  value="1"  src="/images/icons/plus.gif"  width="12"  alt=''/> 
</SPAN>

此HTML由我们的perl代码生成,该代码只根据您提供的选项输出HTML。

我没有在Bootstrap工具提示选项中看到任何内容使得工具提示消失了说定时器或其他东西(这将解决这个问题)。有没有人有任何建议?

2 个答案:

答案 0 :(得分:2)

没关系。这变成了一个简单的问题,你所要做的就是告诉其中一个被调用的函数onClick $(this).tooltip('hide');

答案 1 :(得分:0)

更好:

$(this).tooltip('destroy');