我正在使用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
答案 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完全添加到另一个元素,并重新获得链接的功能。