JQuery всплывающая подсказка над диалогом - PullRequest
Новая
       9

JQuery всплывающая подсказка над диалогом

0 голосов
/ 16 марта 2010

У меня есть простая реализация многострочной подсказки 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. Есть ли способ это исправить?

Ответы [ 3 ]

3 голосов
/ 16 марта 2010

У вашей всплывающей подсказки div должно быть больше свойства z-index css, чем у модального диалогового окна jquery ui div.

1 голос
/ 20 июля 2011

c0mrade правильный. В диалоговом окне jQuery по умолчанию используется z-index = 1000, но я не видел никаких операций z-index в вашем коде. так что самый простой способ - установить значение z-index вашего собственного диалога> 1000.

0 голосов
/ 25 марта 2010

Вы пробовали .prepend к телу вместо .append? (с указанным выше z-индексом)

...