锚标签在内部有跨度时不起作用

Question

为什么我不能将其作为锚标签？

为什么下面的代码不起作用。

我有 p 有 a，a 有 span 并且 a 在 span

之后关闭

这是代码。怎么了？

      <p class="paraClass"> 
        <a>
         <span id="cartitems">
         <%= pluralize(@size, 'item') %>     
         </span>  
        </a>
      </p>

请帮忙

Answer 1

<%= link_to content_tag(:span, pluralize(@size, 'item') ), '#' %>

使用 link 标记 content_for... 这样它就会显示您想要的方式

Answer 2

更新： [根据评论]

很简单。仅添加 href 标签，如下代码：

<p class="paraClass"> 
    <a>
     <span id="cartitems">
     <%= pluralize(@size, 'item') %>     
     </span>  
    </a>
  </p>

<!-- here simply changing the color -->
<style>
 a { cursor: pointer; }
 a:hover{ color: #ff9900; }
</style>

Answer 3

A-Tag 需要有一个 href - 否则它只是一个锚点。

一个好方法是使用 rails 的助手 link_to 您可以通过两种方式使用它，只需传递内容字符串和 url，或者传递 url 和一个块。如果传递一个块，块的return将作为a-tag的显示。

link_to "content", "url", {options}

link_to "url", {options} do block end

除非你只是使用一些字符串作为显示文本，否则我总是建议你使用块样式。您可以更轻松地编辑该块内的内容，当然也更易于阅读和理解。

你的情况是：

<p class="paraClass"> 
    <%= link_to "#", onclick: "return false;" do %>
      <span id"cartitems">
         %= pluralize(@size, 'item') %>    
      </span>
    <%- end %>
</p>

也许您想切换到 haml，它可以帮助您轻松编写 html。在 Haml 中，两行代码内的相同代码看起来很不错：

=link_to "#" do
  %span#cartitems=pluralize @size, "item"

锚标签在内部有跨度时不起作用

anchor tag not working when it has span inside

html

anchor

ruby-on-rails