jQuery QTIP - enlace a un div oculto desde el interior de un texto de ayuda

Question

Estoy intentando colocar un enlace dentro de un texto de ayuda (QTIP) que al hacer clic muestra el contenido de un div oculto en el interior de una caja de luz (nyroModal). etiqueta de anclaje regular no en una sugerencia enlaces al contenido apertura div en una caja de luz con éxito.

Código: http://jsbin.com/omafe/2/

Puede ser que necesite para copiar el código para el bloc de notas, guardar como HTML y abra el archivo. (Jsbin no se carga externo de JS plugin de archivos)

Cualquier ayuda sería muy apreciada. Gracias.

Answer 1

Parece que QTIP está almacenando una copia de 'div.tipcontent' en la memoria (una variable).

Esto lo descubrí mediante la eliminación de la clase "oculta" de la div. Al hacer esto, podrás ver que tiene dos divs. Uno todavía en la página y otra utilizados por QTIP de la memoria.

Como solución, puede que tenga que modificar QTIP aplicar $('a').nyroModal(); a los nodos de enlace que presta desde la memoria.

Editar

Para añadir el efecto de luz a sus enlaces qtip, modificar qtip inicializador de la siguiente manera:

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

Tenga en cuenta la llamada a la API a OnShow. Esto volverá a aplicar el nyroModal a todos los enlaces de la página cubriendo así el contenido generado dinámicamente desde qtip. Probablemente hay una manera más eficiente para reducir el selector de jQuery para el enlace específico generado por qtip, pero esto servirán para iniciar al menos.