jQuery qTip - ссылка на скрытый div из всплывающей подсказки - PullRequest
Новая
       42

jQuery qTip - ссылка на скрытый div из всплывающей подсказки

1 голос
/ 09 августа 2010

Я пытаюсь разместить ссылку внутри всплывающей подсказки (qTip), которая при нажатии отображает содержимое скрытого элемента div внутри лайтбокса (nyroModal).Обычный тег привязки, отсутствующий во всплывающей подсказке, успешно связывается с содержимым открытия div в лайтбоксе.

Код: http://jsbin.com/omafe/2/

Возможно, потребуется скопировать код в блокнот, сохранить как HTML и открыть файл.,(jsbin не загружает внешние файлы плагина js)

Любая помощь будет принята с благодарностью.Спасибо.

1 Ответ

2 голосов
/ 10 августа 2010

Похоже, что qTip хранит копию div.tipcontent в памяти (переменная).

Я обнаружил это, удалив класс «скрытый» из div.Когда вы сделаете это, вы увидите, что у вас есть два div.Один все еще на странице, а другой используется qTip из памяти.

В качестве решения вам, возможно, придется изменить qTip, чтобы применить $('a').nyroModal(); к узлам связи, которые он отображает из памяти.

РЕДАКТИРОВАТЬ

Чтобы добавить эффект лайтбокса к ссылкам qtip, измените инициализатор qtip следующим образом: 

$('div.tooltip').qtip({
    content: $('div.tipcontent').html(),
    position: {
        corner: {
        target: 'topRight',
        tooltip: 'bottomRight'
        }
    },
    style: { 
        width: 150,
        padding: 10,
        background: 'silver',
        color: 'black',
        tip: 'bottomMiddle',
    },
    hide: {
        fixed: true
    },
    api: {
        onShow: function() { $('a').nyroModal(); }
    }
});

Обратите внимание на вызов APIна шоу.Это повторно применяет nyroModal ко всем ссылкам на странице, таким образом покрывая динамически генерируемый контент из qtip.Вероятно, есть более эффективный способ сузить селектор jQuery к конкретной ссылке, сгенерированной qtip, но это должно как минимум начать.

...