2

jqueryでhtmlテーブルをツールチップとして表示したい.独自のcssを持っていて使いたい

.tooltip({ effect: 'slide'});

ここに私のjqueryがあります

$("#currency1").tooltip({ effect: 'slide'});

これが私のhtmlです

<a id="currency1"><div id="currencyresult1">AED 22222</div></a>

完全な詳細は、この jsfiddle http://jsfiddle.net/4YDGp/2/にあります。

(フィドルでいくつかの画像が欠落していることは知っていますが、画像でも機能しません)

4

2 に答える 2

0

jQueryUIでは、このメソッドも機能します (ここでは、セレクターは に関連していますdiv#currency1)。

$("#currency1").tooltip({
    effect: 'slide',
    content: function() {
        return $('div.tooltip').html();
    },
    open: function(event, ui){
        $(ui.tooltip).appendTo(this);
    }
});

その無効な HTML を修正するだけで済みます(アンカーを div に移動します)。

<div id="currency1" title="aaaaa"><a id="currencyresult1">AED 22222</a></div>

jsfiddle

于 2013-07-01T09:06:57.410 に答える