2011-08-03 1 views
1

jQueryツールを使用してテーブルの各行にHTMLツールチップを作成しようとしています。jQueryツールを使用して複数のHTMLツールチップを定義する際の問題

$("#myTable tr").tooltip({ 
    tip: "#tooltip" + $(this).attr("id") 
    }); 

残念ながらこれはうまくいきません。私はこのような構文を使用できるので、非常に簡単だと思いました。誰も私にまずなぜそれがうまくいかないのか、第二にeach()ステートメントを使わずに複数のHTMLツールチップを初期化できるのか教えてもらえますか?まあ

Check out this fiddle for a full example

+0

id属性を数値に設定しないでください。 – Calum

+0

私はこのコードをできるだけシンプルにするためにこれを行いました –

+0

答えは同じ質問 http://stackoverflow.com/questions/8301536/jquery-tools-tooltip-jquery-reference-to- this-attribute?rq = 1 –

答えて

0

すべての最初に手動で複数の要素に、単一のツールヒントを与えたいと思うとき、あなただけのtipオプションを使用する必要があります。それ以外の場合は、各要素にtitle属性を追加して、デフォルトのツールチップを使用する必要があります。

$(this)<tr>を参照していないため、.attr("id")は失敗します。 <tr>を参照する場合は、each()を使用する必要があります。

+0

これはjQuery Toolsに固有のものです。ツールチッププラグインは、title属性を使用してツールチップを生成します。これはaltテキストに依存しません。 – tskuzzy

+0

問題は、HTMLを含めることができないためタイトル属性を使用できないということです –

+0

$(this)が要素を参照していない理由を知っていますか?それはまるでそうすべきだと思われる。私は何かが欠けていない限り、 'これは通常、セレクタによって一致した要素を指します –

関連する問題