【问题标题】:Possible to trigger a Bootstrap Tooltip from a separate elment?可以从单独的元素触发引导工具提示吗?
【发布时间】:2014-02-06 17:23:54
【问题描述】:

我正在开发一个用户可以在他们提交的图像上添加注释的系统。目前我有一个便笺 div,单击它时会打开一个文本框进行编辑。当悬停在这个 div 上时,我使用 Bootstrap Tooltip 来预览文本框中的信息。

我还有一个单独的右侧面板中的笔记列表。是否可以将鼠标悬停在右侧面板中列出的注释上,并在注释 div 上显示工具提示? 一般来说,我的问题是:是否可以从单独的 div 激活工具提示?

这是悬停时显示工具提示的主要 div

<div originalh="85" originalw="122" originaly="501" originalx="490" h="23.071428571428"  w="33.114285714286" y="135.98571428571" x="133" noteid="1153" note="TEST" class="noteBox helpTip" onclick="process.editNote(this)" id="note1153" data-original-title="TEST&lt;br&gt;&lt;/div&gt;&lt;small&gt;Type: Color Correction&lt;/small&gt;&lt;br/&gt;&lt;small&gt;Status: Awaiting Approval&lt;/small&gt;&lt;br /&gt;&lt;small&gt;By: Josh Admin&lt;br /&gt;Today 10:54 AM&lt;/small&gt;"></div>

我是否可以将一些代码应用到一个单独的 div 上,让我将鼠标悬停在上面,并触发上面 #note1153 上的工具提示?

【问题讨论】:

    标签: javascript jquery twitter-bootstrap tooltip


    【解决方案1】:

    是的,您可以通过 JavaScript 在任何元素上触发工具提示。请参阅tooltip documentation for more information

    你会这样做:

    $('#whatever').tooltip('show');
    

    下面是它的一个例子:http://jsfiddle.net/sJ88m/

    【讨论】:

    • 非常感谢。完美。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-09-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多