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

Question

Я пытаюсь разместить ссылку внутри всплывающей подсказки (QTIP), что при нажатии показано содержимое скрытого Div внутри лайтбокса (Nyromodal). Регулярное якорное тег не в подсказке ссылается на контент открытия div в лайтборе.

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

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

Любая помощь будет очень ценится. Спасибо.

Answer 1

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

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

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

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

Чтобы добавить эффект Lightbox на ваши ссылки 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 для Onshow. Это будет повторно применить ниромодал на все ссылки на странице, таким образом, охватываю динамически сгенерированный контент от QTIP. Вероятно, есть более эффективный способ, чтобы сузить селектор jQuery к конкретной ссылке, генерируемую QTIP, но это должно быть, по крайней мере, начать.