Puis-je mettre un lien dans un attribut de titre?

Question

J'utilise le jQuery Fancybox plugin pour créer une fenêtre modale avec le lien href comme contenu, et le title comme légende. J'aimerais pouvoir avoir un lien cliquable dans la légende (dans ce cas, pour obtenir une carte plus grande), mais je ne peux pas mettre une balise <a> dans l'attribut title. Comment puis-je mettre ce lien dans Javascript, jQuery ou d'autres méthodes?

<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> 

What it looks like http://i31.tinypic.com/i6frq1.png

Answer 1

Je ne suis pas familier avec ce plugin, mais cette méthode vient à l'esprit.

Vous pouvez enterrer des éléments de contenu dans l'ancre et modifier votre plugin pour utiliser les éléments que vous introduisez. Par exemple:

<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> 

Espérons que cela aide.

Answer 2

Peut-être pas la meilleure suggestion, mais vous pouvez faire votre propre atribute peut-être quelque chose comme ça

<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> 

Answer 3

Gardez l'élément => carte DESTINATION_LINK comme un objet, et extraire les valeurs d' pour la redirection.

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

Maintenant, vous pouvez utiliser les valeurs de LINKMAP dans votre événement click (avec [] ou. Opérateur)

Answer 4

Je passais des données supplémentaires ainsi que le:

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

et utilisé un rappel personnalisé pour définir le titre:

{ 
    //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/