具有<a>标记的link_to标记内的图标

Gurmukh Singh |

我有一个navbar按钮:

<%= link_to new_post_path do %>
  <a class="btn-navbar"><i class="fa fa-plus" aria-hidden="true"></i></a>
<% end %>

它不允许我单击它并导航到正确的页面。

如果删除<a>标签,它可以工作,但是我需要使用<a>因为它具有与之关联的正确类来为按钮设置样式。

上面的代码样式正确,但是当尝试单击它时,它没有链接到正确的页面。

codyeatworld

将类添加到链接到帮助器的链接,以将其应用于a标签。

<%= link_to new_post_path, class: 'btn-navbar' do %>
  <i class="fa fa-plus" aria-hidden="true"></i>
<% end %>

如果您使用的是官方字体超赞的Rails gem:

https://github.com/FortAwesome/font-awesome-sass

<%= link_to icon('plus'), new_post_path, class: 'btn-navbar' %>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

具有图标标记插件的Highcharts无法呈现FontAwesome点

来自分类Dev

带有样式化字形的Rails link_to标记标签

来自分类Dev

具有标记类型的向量

来自分类Dev

Twitter网站没有开放图标记?

来自分类Dev

带有图标和文本的标记

来自分类Dev

如何在谷歌地图上添加具有不同图标的标记?

来自分类Dev

在Rails link_to标记内添加内容块

来自分类Dev

具有List参数的Javadoc链接标记

来自分类Dev

具有不同端点标记的线的图例

来自分类Dev

javascript:具有html标记的focusOffset

来自分类Dev

UITableView复选标记具有白色背景

来自分类Dev

具有不同端点标记的线的图例

来自分类Dev

具有弯曲网格标记的浮雕

来自分类Dev

具有预定义标记的Angular重复

来自分类Dev

具有不同结束标记的XSLT

来自分类Dev

UITableView复选标记具有白色背景

来自分类Dev

具有多个标题的Mapbox标记

来自分类Dev

在JSP中具有ID的锚标记

来自分类Dev

具有可标记行为的模糊标记匹配

来自分类Dev

highcharts图例标记和具有不同大小的系列标记

来自分类Dev

<h:Link>标记:value属性如何具有图像而不是文本?

来自分类Dev

发送带有html:link标记的bean

来自分类Dev

发送带有html:link标记的bean

来自分类Dev

XML不会在标记内显示所有标记

来自分类Dev

jQuery:在<select>标记内选择所有<option>标记

来自分类Dev

在带有 JSX 的锚标记内使用图像标记

来自分类Dev

Ruby on Rails-具有url参数的Link_to对象

来自分类Dev

具有相同内容的 HAML 条件缩进 link_to

来自分类Dev

Scrapy:获取<td>标记内某个<a>标记之后的所有标记