Puis-je mettre un lien dans un attribut title?

Question

J'utilise le plugin jQuery Fancybox pour créer une fenêtre modale avec href du lien que le contenu et le title comme sa légende. Je voudrais être en mesure d'avoir un lien cliquable dans la légende (dans ce cas, conduire à une carte plus grande) mais je ne peux pas mettre une étiquette <a> dans l'attribut title. Comment pourrais-je aller à mettre ce lien en travers 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>

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 vous modifier le plugin à utiliser les éléments que votre présenter. 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>

L'espoir qui aide.

Answer 2

Peut-être pas la meilleure suggestion mais vous pouvez faire votre propre attribut peut-être quelque chose comme ceci

<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'elle 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/