jQuery Tooltip по диалогу
-
20-09-2019 - |
Вопрос
У меня есть простая реализация HTML Multiline Tooltip:
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. Есть ли способ это исправить?
Решение
Ваша подсказка Div должна обладать большим свойством Z-Index CSS, чем в модальном диалоговом окне jQuery UI Div.
Другие советы
C0MRADE верен. Диалог jQuery с использованием z-index = 1000 в качестве по умолчанию, но я не видел никаких операций Z-индекса в вашем коде. Таким образом, самый простой способ-установить значение Z-индекса вашего собственного диалога> 1000.
Вы пробовали. Перепень к телу вместо. Приложение? (с z-индексом, как указано выше)
Не связан с StackOverflow