html - Ruby on Rails 链接、导航

Question

我对 Ruby on Rails 链接效果有疑问。我当前的代码是:

<header class="navbar navbarfixed navbar-default navstyle>
<%= link_to "Cocktails",root_path, class:"btn btn-lg", id: "logo" %>
<nav class="cl-effect-5 container">
<a href="#"><span data-hover="new">new</span></a>
<a href="#"><span data-hover="test">test</span></a>
<a href="#"><span data-hover="test">test</span></a>
</nav>
</header>

所以我需要将当前的html链接样式转换为ruby，所以效果仍然存在(cl-effect-5)。我尝试使用 this solution , 但出于某种原因我得到语法错误，即使我仔细检查了所有内容......

Answer 1

我注意到您的代码和链接的解决方案的一个区别是您将鼠标悬停在 <span> 中。与 <a> 相比标签。

= link_to '#', data: { hover: 'test' } do 
  'Test' 

我想这就是您要查找的内容(并不是说 span 本身是错误的)。另外，请确保您的 application.css 和 application.js list 包括 Bootstrap (或您正在使用的任何前端 UI 工具包)!