我正在开发一个系统,用户可以在其提交的图像上添加注释。目前我有一个note 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<br></div><small>Type: Color Correction</small><br/><small>Status: Awaiting Approval</small><br /><small>By: Josh Admin<br />Today 10:54 AM</small>"></div>
我可以将一些代码应用到一个单独的div中,这个div可以让我将鼠标悬停在它上面,并在上面的#note1153上触发工具提示吗?
答案 0 :(得分:0)
是的,您可以通过JavaScript触发任何元素的工具提示。请参阅tooltip documentation for more information。
你会这样做:
$('#whatever').tooltip('show');
以下是其中的一个示例:http://jsfiddle.net/sJ88m/