1

我正在使用 jqueryTOOLS 提供的 javascript 工具提示在表单中提供工具提示。

对于一些不需要工具提示的表单元素,我想将标题字符串留空,但是如果我这样做,则会导致表单的后续元素中断 - 几乎就像将它们视为工具提示一样:on将鼠标悬停在没有标题字符串的元素上,它会将下一个元素的位置移动到该字段旁边,然后当不再聚焦时,它会永久消失。

我的工具提示代码:

$(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>

在标题中。

希望我对事件的描述是有道理的!

提前感谢您的帮助

4

2 回答 2

3

我修复了一个问题,给我同样的错误,但在不同的上下文中:

我有一个包含两列的表格,两列都包含工具提示(DIV相应的 中的a TD)。

<table>
  <tbody>
    <tr>
      <td><div class="tooltip"></div></td>
      <td><div class="tooltip"></div></td>
    </tr>
  </tbody>
</table>

在第一列中打开工具提示时,第二列的高度和宽度会TD发生变化(就好像那TD是工具提示一样)。

在第一列的工具提示之后添加一个额外的空DIV元素解决了这个问题。DIVTD

<table>
  <tbody>
    <tr>
      <td>
        <div class="tooltip"></div>
        <div></div> <!-- extra empty div -->
      </td>
      <td><div class="tooltip"></div></td>
    </tr>
  </tbody>
</table>
于 2012-09-25T15:03:05.913 回答
2

我想到了:

触发器元素被定义为所有输入,因此在缺少标题元素的情况下,它使用下一个作为工具提示。

只是 jqueryTOOLS 一方的一个错误,但一个简单的解决方案:

代替

$("#myform :input")

$("#myform :input[title]")

希望这对其他人有帮助

于 2012-06-29T23:38:28.547 回答