3

次のような奇妙な要件を実装する必要があります。

  1. ユーザーはリンクにカーソルを合わせると、「some text here」のような説明テキストを取得できます
  2. ユーザーはまったく同じリンクをクリックして、マークアップを含む可能性のあるまったく異なるテキストを取得できます (例:ここに他のテキスト)

私はいくつかの jQuery プラグインを見てきましたが、それらのほとんどは onhover または onclick で動作しますが、両方では動作しません。また、コンテンツに「タイトル」属性を使用しているようです。

だから私の質問は: この機能は可能ですか? onhover イベントと onclick イベントに異なるコンテンツを定義できる jquery ツールチップ プラグインはありますか? これを達成する別の方法はありますか？(Javascript は私の強みの 1 つではありません)。

シンプルなスタンドアロン JavaScript ライブラリの提案も受け付けていますが、jQuery プラグインであることが最善です。

ありがとうございました。

答え：

シンプルチップの助けを借りて

HTML コード

<p>Hello <a id="test" title="some text here">world</a> again</p>

とジャバスクリプト

$("#test").simpletip({ 
    persistent: true,
    content: '<b>Some</b> other <i>text</i> here.'
});
4

2 に答える 2

2

jQuery プラグインを使用して、オンクリックで派手なツールチップを表示したり、標準テキスト (onhover) のタイトル属性を表示したりしてみませんか?

于 2010-11-01T12:33:37.577 に答える
0

You could attach text to each element using the .data() jquery and then display that. It could even hold both the click and hover text in different data objects as you can attach complex objects.

于 2010-11-01T12:58:41.263 に答える