Rails: отображение всплывающей подсказки, содержащие ссылки

Question

Я следующие теги изображений в моих рельсах 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' %>` 

Теперь я пытаюсь реализовать подсказки всплывающих окон (при нажатии или hoverover) с приведенными выше ссылками в ней. Может ли кто-нибудь помочь мне реализовать всплывающую подсказку, содержащую три ссылки компании, группы, отдел в всплывающем окне всплывающей подсказки? Я говорил и пытался following-

в

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

Но я думаю, что я не знаю, как реализовать это в моем приложении. Я пытался js и jquery внутри application.js и код link_to в employ/index.html. Я попытался его реализации в одном из заявления link_to, как это:

<%= 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(); 
}); 

Тогда я тоже попытался это:

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

Но все это не помогло как я не знаю, чтобы правильно их реализовать. Я хочу, чтобы все три ссылки отображались внутри всплывающего окна всплывающей подсказки. Кто-нибудь может мне помочь, пожалуйста! Заранее спасибо.

Answer 1

Я думаю, вы бы лучше с помощью bootstrap popover plugin - всплывающие подсказки, в основном, для преобразования атрибутов ссылок title на JavaScript-приведенный подсказках

---

Проблема вы имеете, вы пытаетесь включить ссылки и т.д. в ваши подсказки. Всплывающие подсказки для текста, и в качестве поддержки Popovers HTML, вы должны быть в состоянии содержать ссылки на каждый из них

Согласно информации, представленной на bootstrap website, вы будете лучше делать это:

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

Ссылка: What is the best way to return multiple tags from a Rails Helper?