0

JQuery Tools を使用していくつかのツールチップを作成しましたが、これは正常に機能しますが、同じページに別の画像の 2 つ目のツールチップが必要で、方法がわかりません。これが私のコードです：

<span id="tip">
    <img src="images/info20.png" title="(popup text)" />
</span>

$(function() {  
    $("#tip img[title]").tooltip({position: "top right", offset:[0,-25]});
});

.tooltip {
    display:none;
    font-family: arial;
    background: url(../images/purple.png);
    font-size:11px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}

これと同じものを作成できるはずだと思ったのですが、「tooltip」を「tooltip2」に変更し、CSS で別の画像を選択しましたが、これは機能しません。誰でも助けることができますか？残念ながら、JQuery ツールのフォーラムは壊れているようで、そこで助けを得ることができません。

ありがとう。

4

1 に答える 1

0

オプションでツールチップの内容を設定できcontentます:

$(function() {  
  $("#tip img[title]").tooltip({
    content: 'Some Mighty Tooltip', 
    position: "top right", 
    offset:[0,-25]});
});

ここでは、定数文字列または関数のいずれかを使用できます。実際には、そのウィジェットのドキュメントページで十分に説明されています。

于 2012-11-08T16:46:51.977 に答える