Kann ich einen Link in ein Titelattribut einfügen?

Question

Ich verwende die jQuery Fancybox plugin, um ein modales Fenster mit dem Link href als Inhalt und der title als Beschriftung zu erstellen. Ich hätte gerne einen anklickbaren Link in der Beschriftung (in diesem Fall, um zu einer größeren Karte zu führen), aber ich kann kein <a> Tag in das Attribut title setzen. Wie kann ich diesen Link über Javascript, jQuery oder andere Methoden einfügen?

<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

Ich bin mit diesem Plugin nicht vertraut, aber diese Methode in den Sinn kommt.

Sie können Inhaltselemente innerhalb des Ankers vergraben und Ihr Plugin so modifizieren, dass es die von Ihnen eingegebenen Elemente verwendet. Zum Beispiel:

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

Hoffe, dass hilft.

Answer 2

Vielleicht nicht der beste Vorschlag, aber Sie können Ihre eigene atribute vielleicht so etwas wie dieses

<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

Halten Sie das Element => DESTINATION_LINK Karte als Objekt machen, und holen Werte von es für die Umleitung.

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

Jetzt können Sie die Werte von LINKMAP in Ihrem Click-Ereignis verwenden (mit [] oder. Operator)

Answer 4

ich bestanden zusätzliche Daten zusammen mit der:

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

und verwendet einen benutzerdefinierten Rückruf den Titel für die Einstellung:

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