Pregunta

Estoy usando el jQuery plugin de FancyBox para crear una ventana modal con href del enlace como el contenido y el title como su título. Me gustaría ser capaz de tener un enlace activo en el rubro (en este caso para dar lugar a un mapa más grande), pero no puedo poner una etiqueta <a> en el atributo title. ¿Cómo podría yo ir sobre poner este enlace a través de JavaScript, jQuery, u otros métodos?

<a class='iframe' href='http://maps.google.com/maps?q=%235+Health+Department+Drive,+Troy,+MO+63379&amp;ll=38.979228,-90.97847&amp;z=13&amp;iwloc=near&amp;num=1&amp;output=embed' title='Google Map to Lincoln County Health Department'>Map to LCHD</a>

lo que parece

¿Fue útil?

Solución

No estoy familiarizado con este plugin, pero este método viene a la mente.

Puede enterrar a los elementos de contenido dentro del anclaje y modificar usted plugin para utilizar los elementos que su introducen. Por ejemplo:

<a class='iframe' 
   href='http://maps.google.com/blahlblahlbah' 
   title='Google Map to Lincoln County Health Department'>Map to LCHD
   <span class="title-href" style="display: none">http://zebrakick.com</span>
</a>

Espero que ayude.

Otros consejos

Tal vez no sea la mejor sugerencia, pero usted puede hacer su propio atributo tal vez algo como esto

<a class='iframe' href='http://maps.google.com/maps?q=%235+Health+Department+Drive,+Troy,+MO+63379&amp;ll=38.979228,-90.97847&amp;z=13&amp;iwloc=near&amp;num=1&amp;output=embed' title='Google Map to Lincoln County Health Department' dest="/path/to/file.ext">Map to LCHD</a>

mantener el elemento => mapa DESTINATION_LINK como un objeto, y se ha podido recuperar valores de ella para la redirección.

var linkmap = {
   lincoln:   '/location/3/',
   someplace: '/location/99'
}

Ahora puede utilizar los valores de linkmap en su evento click (con [] o. Operador)

pasé datos adicionales junto con la:

<a href="images/product.jpg" title="Product nummer 1" data-title-url="http://google.nl" rel="fancybox">

y se utiliza una devolución de llamada personalizado para establecer el título:

{
    //fancybox options array
    titleFormat: function(title, currentArray, currentIndex, currentOpts){
        var currentElement = currentArray[currentIndex];

        var html = "<h1>" + title + "</h1>";
        var titleUrl = $(currentElement).data("title-url");
        if (titleUrl) {
            var link = $("<a>", {href: titleUrl, text: titleUrl, target: "_blank"});
            html += " (" + link.prop("outerHTML") + ")";
        }

        return html;
    },
}

http://fancybox.net/api

http://api.jquery.com/data/

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top