javascript - qTip と動的コンテンツ

Question

私は JavaScript と qTip が初めてで、何かをすることができません。画像を含むテーブルがあり、それぞれの画像の説明を含む qTip が必要です。データベースから画像とコンテンツを読み込みます。どうやってこれを書くのですか？私が読んだことから、非表示の div に説明を追加し、JavaScript 関数から div にアクセスする必要があります。唯一の問題は、方法がわからないことです。風邪、これを行う方法を教えてください。

Answer 1

HTML マークアップが多かれ少なかれ次のようになっていると仮定します。

<td>
    <img title="First img">
</td>
<td>
    <img title="Second img">
</td>

できることは次のとおりです。

$('td').each(function() {
    var img = $('img', this);
    $(this).qtip({
        content: img.attr('title'),
        show: 'mouseover',
        hide: 'mouseout',
        position: {
             target: 'topMiddle',
             tooltip: 'bottomMiddle'
        }
    });
});

アイデアは、すべてのホルダーを調べて、基になる画像とツールチップ コンテンツ (この場合はimg.attr('title')) を取得し、このカスタムでツールチップを生成することcontentです。