【问题标题】:Bootstrap Tooltips not going away when they are cloned克隆时引导工具提示不会消失
【发布时间】:2013-11-28 21:39:57
【问题描述】:

警告:我几乎没有 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 工具提示选项中看不到任何东西,可以让工具提示消失,比如计时器或其他东西(这将解决这个问题)。有人有什么建议吗?

【问题讨论】:

    标签: javascript jquery html twitter-bootstrap tooltip


    【解决方案1】:

    没关系。这变成了一个简单的问题,您只需将调用 onClick 的函数之一告诉$(this).tooltip('hide');

    【讨论】:

      【解决方案2】:

      更好:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2022-11-10
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-11-03
        • 2013-07-23
        相关资源
        最近更新 更多