jQuery Qtip - lien vers un div caché à l'intérieur d'une info-bulle

Question

Je suis en train de placer un lien dans une info-bulle (Qtip) que lorsque vous cliquez dessus montre le contenu d'un div caché dans une lightbox (nyroModal). balise d'ancrage régulier pas dans un lien infobulle au contenu d'ouverture div dans une visionneuse avec succès.

code: http://jsbin.com/omafe/2/

Pourriez avoir besoin de copier le code de bloc-notes, enregistrer en tant que html et ouvrez le fichier. (Jsbin ne se charge pas js externe plug-in fichiers)

Toute aide serait grandement appréciée. Merci.

Answer 1

Il semble que QTIP stocke une copie de « div.tipcontent » dans la mémoire (une variable).

J'ai découvert cela en supprimant la classe « cachée » de la div. Lorsque vous faites cela, vous verrez que vous avez deux divs. Une encore sur la page et un autre utilisé par Qtip de la mémoire.

En tant que solution, vous pouvez avoir à modifier Qtip d'appliquer $('a').nyroModal(); aux noeuds de liaison qu'elle rend de la mémoire.

EDIT

Pour ajouter l'effet de la visionneuse à vos liens Qtip, modifiez votre qtip initialiseur comme suit:

$('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(); }
    }
});

S'il vous plaît noter que l'appel api à onShow. Cela réappliquer le nyroModal à tous les liens sur la page couvrant ainsi le contenu généré dynamiquement à partir qtip. Il y a probablement un moyen plus efficace de limiter le sélecteur jQuery pour le lien spécifique généré par qtip, mais cela devrait vous aider à démarrer au moins.