0

私は単純なhtml複数行ツールチップの実装を持っています:

this.tooltip = function(tag)
{
xOffset = 10;
yOffset = 20;

$(tag + ".tooltip").hover(function(e){
    this.t = this.title;
    this.title = "";
    $("body").append("<p id='tooltip'>"+ this.t +"</p>");
    $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px")
        .fadeIn("fast");
},
function(){
    this.title = this.t;
    $("#tooltip").remove();
});
$(tag + ".tooltip").mousemove(function(e){
    $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
});
};

ページ上では完全に機能しますが、jquery.ui.dialog には何も表示されません。それを修正する方法はありますか？

4

3 に答える 3

3

ツールチップ div には、jquery ui div モーダル ダイアログよりも大きな z-index css プロパティが必要です。

于 2010-03-16T10:45:07.983 に答える
1

c0mrade は正しいです。z-index= 1000 をデフォルトとして使用する jQuery のダイアログですが、コードに z-index 操作が表示されませんでした。最も簡単な方法は、独自のダイアログの z-index 値 > 1000 を設定することです。

于 2011-07-19T22:40:44.663 に答える
0

.append の代わりに .prepend を本文に試しましたか? (上記の z インデックスを使用)

于 2010-03-25T17:51:07.300 に答える