forms - 当未给出 "title"属性时，工具提示 javascript 会破坏以下表单元素

Question

我正在使用 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>

在标题中。

希望我对事件的描述有意义!

在此先感谢您的帮助

Answer 1

我解决了一个给我同样错误的问题，但在不同的上下文中:

我有一个包含两列的表格，两列都包含工具提示(相应 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>