用link_to在ERB中生成的HREF不可点击

时间:2019-06-20 21:30:42

标签: html css ruby-on-rails ruby

我正在使用link_to helper方法通过ERB生成指向单个文章的超文本链接,但是当该链接显示在视图中时,它呈现为HREF可点击的链接,但是却不可点击(箭头不会甚至没有转向指针)

我曾尝试操纵link_to助手,特别是article_path(:id),但是开发工具中的href路径使用下面的代码呈现正确的路径。

我还仔细检查了我的路线以及允许的参数。

<% @articles.reverse.each do |article| %>
  <div class="article_card">
    <div>
       <%= markdown(article.text[0..405]<<"...") %>
    </div>                        
  </div>
  # This is the link that isn't clickable
  <%= link_to 'Show full article', article_path(article) %>  
<% end%>

这就是在开发工具中呈现的内容:

<a href="/articles/20">Show full article</a>

我希望呈现的 href 是可点击的,并获取article /:id

2 个答案:

答案 0 :(得分:1)

使用浏览器的dev工具检查该元素,也许您在A标签上方有一些不可见的元素,也许您有一些javascript把东西弄乱了,生成的html看起来还不错,我认为这不是Rails问题

编辑:检查下面的J.R. Bob Dodds答案

答案 1 :(得分:0)

信用归@arieljuod

问题是CSS问题。

在开发工具中检查A元素导致开发工具专注于HTML元素,而不是A元素。

在查看作为A标签始祖的div元素的CSS规则时,我注意到z索引为-2,并且隐约记得z索引会影响其后代标签的可点击性。

我能够将z-index设置为0,然后将正z-index完全添加到另一个元素,并重新获得链接的功能。