html - Ruby on Rails 链接、导航

标签 html css ruby-on-rails ruby

我对 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 , 但出于某种原因我得到语法错误,即使我仔细检查了所有内容......

最佳答案

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

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

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

关于html - Ruby on Rails 链接、导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30924457/

相关文章:

ruby-on-rails - 从javascript请求重定向到html不起作用(Rails)

ruby-on-rails - 为 rails 中的 javascript 生成完整的 url(类似于 javascript_path,但是是 url)

ruby-on-rails - Google 日历与初始 time_max 增量同步

html - 为什么<ul>常用来构建网站导航?

css - Bootstrap - 根据设备屏幕尺寸调整 Jumbotron 图像背景覆盖范围

css - 当我将边框设置为无时,IE8 输入类型图像甚至显示边框

javascript - 如何获取按钮的值?

html - 在 IE 中点击导航链接向左移动

html - 特殊 HTML 字符

javascript - 使用 jquery/javascript 样式化嵌套 div