1

jQuery UI ToolTip プラグインを使用して、一度に複数のツールチップを表示するにはどうすればよいですか?

ツールチップを 2 つまで表示する理由は、フィールドに関する情報メッセージと、場合によってはフィールドに関するエラー メッセージがあるためです。

現在の HTML は次のとおりです。

<li title="This is an informational ToolTip message">
  <input type="text" class="error" title="This is an error ToolTip message">
</li>

現在の JavaScript:

$('body').tooltip({
  track: true
});
$('body').tooltip({
  items: '.error',
  position: {my: 'left bottom-15', at: 'left top', collision: 'flipfit'},
  track: true
});

現在の問題は、 を入力する<li>と、情報ツールチップが正しく表示されますが、マウスがフィールド自体の上に入ると、情報ツールチップがフェードアウトし、エラー ツールチップだけが表示されることです。両方を同時に表示する必要があります。

4

3 に答える 3

4

私はあなたの質問を強制します。しかし、それはとても醜いです。これを行うことはお勧めしません。しかし、あなたの考えを教えてください。

アイデアは、1 つのツールチップの開閉イベントを使用して、他のツールチップをプログラムで制御することです。

jsfiddle の例を参照してください：<a href="http://jsfiddle.net/3RyPg/" rel="nofollow">jsfiddle

   $('li').tooltip({
  track: true,
    open: function( event, ui ) {
      $('input').tooltip('open');
  },
    close: function( event, ui ) {
      $('input').tooltip('close');
  }
});
$('input').tooltip({
  items: '.error',
  position: {my: 'left bottom-15', at: 'left top', collision: 'flipfit'},
  track: true,
  open: function( event, ui ) {
      $('li').tooltip('open');
  },
    close: function( event, ui ) {
      $('li').tooltip('close');
  }

});
于 2013-07-16T14:40:35.197 に答える