我正在使用 jqueryTOOLS 提供的 javascript 工具提示在表单中提供工具提示。
对于一些不需要工具提示的表单元素,我想将标题字符串留空,但是如果我这样做,则会导致表单后续元素的中断——几乎就像将它们视为工具一样提示:当鼠标悬停在没有标题字符串的元素上时,它会将下一个元素的位置移动到该字段旁边,然后当不再聚焦时它会永久消失。
我的工具提示代码:
$(function() {
$("#myform :input").tooltip({
position: "center right",
offset: [-2, 10],
effect: "fade",
opacity: 0.7
});
});
您可能已经猜到此工具提示基于字段的“标题”属性。
包含之后
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
在标题中。
希望我对事件的描述有意义!
在此先感谢您的帮助
最佳答案
我解决了一个给我同样错误的问题,但在不同的上下文中:
我有一个包含两列的表格,两列都包含工具提示(相应 TD
中的 DIV
)。
<table>
<tbody>
<tr>
<td><div class="tooltip"></div></td>
<td><div class="tooltip"></div></td>
</tr>
</tbody>
</table>
当打开第一列中的工具提示时,第二列 TD
的高度和宽度发生变化(就好像那个 TD
是工具提示一样)。
在第一列的 TD
中的工具提示 DIV
之后添加一个额外的空 DIV
元素解决了这个问题。
<table>
<tbody>
<tr>
<td>
<div class="tooltip"></div>
<div></div> <!-- extra empty div -->
</td>
<td><div class="tooltip"></div></td>
</tr>
</tbody>
</table>
关于forms - 当未给出 "title"属性时,工具提示 javascript 会破坏以下表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11255252/