¿Puedo poner un enlace dentro de un atributo de título?
-
12-09-2019 - |
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&ll=38.979228,-90.97847&z=13&iwloc=near&num=1&output=embed' title='Google Map to Lincoln County Health Department'>Map to LCHD</a>
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&ll=38.979228,-90.97847&z=13&iwloc=near&num=1&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;
},
}