JQuery всплывающие подсказки и диалог - PullRequest
0 голосов
/ 01 ноября 2010

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

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

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

Есть идеи, стек?

Ответы [ 3 ]

0 голосов
/ 01 ноября 2010

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

0 голосов
/ 16 ноября 2010

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

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
    ];
}
0 голосов
/ 01 ноября 2010

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

...