jQuery tooltips and dialog

Question

Я использую подсказку jQuery Tools (http://flowplayer.org/tools/tooltip/index.html), и я пытаюсь заставить динамический плагин работать. Это означает изменение положения всплывающей подсказки, если позиция, которую вы установили, находится за пределами экрана (если она отключена в верхней части экрана, она будет отображаться ниже элемента, к которому относится всплывающая подсказка).

В идеале я хочу реплицировать это внутри диалогового окна jQuery, так что если панель заголовка отключит всплывающую подсказку, она будет отображаться ниже элемента, к которому она принадлежит.

В качестве альтернативы я хотел бы, чтобы всплывающая подсказка отображалась поверх строки заголовка. Я попытался установить z-index tooltip на 999999999999, но он все же появился под заголовком.

Любые идеи, Стек?

Answer 1

Проблема была не с атрибутами z-index или position, а с переполнением. Всплывающая подсказка не работала с «авто», но она работала с «видимым». Однако, используя 'overflow: visible;' вы теряете автоматическую полосу прокрутки на своих окнах, что нежелательно. Таким образом, лучшим решением было заставить динамический всплывающий плагин работать с родительскими размерами .ui-dialog-content div, а не размером окна.

function getCropping(el) { 
    var w = $(el).closest('.ui-dialog-content'); 
    var right = w.offset().left + w.width(); 
    var bottom = w.offset().top + w.height(); 
    var toolTipRight = el.offset().left + el.width(); 
    var toolTipBottom = el.offset().top + el.height(); 

    return [ 
     el.offset().top <= w.offset().top,      // top 
     right <= toolTipRight,   // right 
     bottom <= toolTipBottom,  // bottom 
     w.offset().left >= el.offset().left      // left 
    ]; 
} 

Answer 2

This question может помочь в использовании z-индекса. Значение, которое вы пытались, больше допустимого.

Answer 3

Вы указали атрибут position в стилях? Если вы хотите использовать z-index, вы должны установить свойство position.