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

标签 javascript jquery html twitter-bootstrap tooltip

警告:我几乎没有 javascript、html 等方面的经验

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

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

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

例如

假设您有一个表格,并且每行末尾都有一个 + 号,如果您单击该符号,则您单击的行将被复制。 (下面是 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 工具提示选项中没有看到任何东西可以使工具提示消失,比如计时器或其他东西(这可以解决这个问题)。有人有什么建议吗?

最佳答案

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

关于javascript - 克隆时 Bootstrap 工具提示不会消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20275092/

相关文章:

javascript - 在调用堆栈中更高层的方法中访问 'this' 对象

javascript - jQuery AJAX 后数组

javascript - jquery 内容切换使用 .slideToggle()

JavaScript 将下拉菜单链接到复选框

html - 元素在调整大小时移动(文本/图像)

javascript - 进度条下的状态文本

javascript - Highcharts - 如何更改显示数据并删除鼠标悬停?

javascript - Scrapy 返回 xpath 的空列表

javascript - 如何在按钮可见时触发 javascript 事件?

javascript - 如何在 Javascript 中从 Json 数组创建路线 Path?