1

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>

ヘッダーに。

うまくいけば、私のイベントの説明は理にかなっています!

助けてくれてありがとう

4

2 に答える 2

3

同じエラーが発生する問題を修正しましたが、コンテキストが異なります。

2 つの列を持つテーブルがあり、両方の列にツールヒントが含まれています (DIV対応するの a TD)。

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

最初の列でツールチップを開くと、2 番目の列の高さと幅が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 に答える