Rails: affichage infobulle contenant des liens

Question

j'ai les balises d'image ci-dessous dans mes rails app-

<%= link_to image_tag("../../qn/ads.svg"),{:controller => 'cp_details',:action => 'index', :id => empid, :cp => @cmpny.id }, :title=>"company", :class => 'butn' %> 
<%= link_to image_tag("../../qn/users.svg"),{:controller => 'groups',:action => 'index', :id => empid, :cp => @cmpny.id }, :title=>"groups", :class => 'butn' %> 
<%= link_to image_tag("../../qn/dp.svg"),{:controller=>'dep',:action => 'index', :id => empid, :cp => @cmpny.id,:type=>'dp' }, :title=>"dept", :class => 'butn' %>` 

Maintenant, je suis en train de mettre en œuvre infobulle pop-up (lorsque vous cliquez dessus ou hoverover) avec les liens ci-dessus en elle. Quelqu'un peut-il s'il vous plaît m'aider à mettre en œuvre l'info-bulle contenant les trois liens société, groupes, dept dans une boîte contextuelle tooltip? J'ai parlé et ai essayé le suivantes-

https://gist.github.com/davidjsevans/5617391

Bootstrap Tooltip in Ruby on Rails

Using Tooltips with link_to (Ruby on Rails 3.2.3)

http://archive.railsforum.com/viewtopic.php?id=28485

Mais je pense que je ne sais pas comment les mettre en œuvre dans mon application. J'essayais le js et jquery à l'intérieur application.js et le code link_to dans employ/index.html. J'ai essayé de le mettre en œuvre dans l'une de la déclaration link_to comme ceci:

<%= link_to image_tag("../../qn/ads.svg"),{:controller => 'cp_details',:action => 'index', :id => empid, :cid => @cmpny.id }, :title=>"company", :class => 'butn tag-tooltip', tag, :data => {:toggle=>"tooltip"},'data-original-title' => "Hello",'data-placement' => 'right'%>` 

Javascript:

$(document).on("ready page:change", function() { 
    $('.tag-tooltip').tooltip(); 
}); 

Alors j'ai essayé cela aussi:

<div id="tooltipelement"> 
    <a href="#" onclick="javascript:window.location = '/cp_details/index/<%=empid%>?cp=<%=@cmpny.id%>'">Company</a> 
</div> 

css:

.tooltipelement{ 
    width: 20px; 
    height: 20px; 
    background: red; 
} 

.tooltipelement a { 
    display: none; 
    padding-left: 30px; 
} 

.tooltipelement:hover a { 
    display: block; 
    background: green; 
} 

Mais tout cela n'a pas fonctionné pour moi comme je ne sais pas pour les mettre en œuvre correctement. Je veux que tous les trois liens apparaissent dans la boîte contextuelle de l'info-bulle. Est-ce que quelqu'un peut m'aider s'il vous plait? Merci d'avance.

Answer 1

Je pense que vous seriez mieux utiliser les bootstrap popover plugin - infobulles sont principalement pour convertir l'attribut title de liens vers infobulles alimenté par javascript

---

Le problème que vous avez est que vous essayez d'inclure des liens, etc. dans vos infobulles. Les info-bulles sont pour le texte uniquement, et comme popovers HTML de soutien, vous devriez être en mesure d'inclure des liens dans chacun d'eux

Selon les informations fournies sur le bootstrap website, vous serez mieux faire:

<%= link_to "link", path(), class: class="butn", data: { toggle: "popover", content: popover_links } %> 

#app/helpers/application_helper.rb 
def popover_links 
    link_to("something", something_path) + 
    link_to("something", something_path) 
end 

Référence: What is the best way to return multiple tags from a Rails Helper?