Как отобразить всплывающую подсказку при использовании blockui?

На моем сайте используется плагин всплывающей подсказки jQuery (http://jquery.bassistance.de/tooltip/demo/) и подключаемый модуль blockui.

Я применяю всплывающие подсказки следующим образом:

$(function() {
    $("span.helptooltip").tooltip({
        showURL: false,
        showBody: " - "
    });
});

Это работает как шарм везде, кроме DIV, который отображается с помощью blockui:

$.blockUI( {
    theme: true,
    title: "my div",
    message: $('#divName'),
    css: { width: '325px'}
});

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

Любые идеи о том, как заставить эту всплывающую подсказку отображаться в заблокированном пользовательском интерфейсе?


jquery tooltip blockui
person macca1    schedule 30.12.2009    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Измените CSS, чтобы иметь более высокий z-index для всплывающей подсказки, чем для блочный интерфейс div. Тебе нужно:

  1. Покажи див.
  2. Используйте Firebug или аналогичный, чтобы выяснить его z-индекс.
  3. Добавьте CSS, чтобы иметь более высокий z-индекс для содержимого всплывающей подсказки.

Что-то вроде:

.tooltipClassName div
{
    z-index: 1001;
}
person Craig Stuntz    schedule 30.12.2009

arrow_upward
0
arrow_downward

Спасибо Крейг за ваш ответ. Это привело меня к этому решению, которое сработало:

Добавьте свойство baseZ в объявление blockUI с -1:

$.blockUI( {
    theme: true,
    title: "my div",
    message: $('#divName'),
    css: { width: '325px'},
    baseZ: -1
});
person macca1    schedule 30.12.2009