Question

这是我的代码

<div class="btn btn-default btn-lg btn-block for-get-button">
  <%= link_to "Get this box for", download_picture_path(@gig), :target => "_blank" %> <%= @gig.pointsneeded %> points
</div>

为了澄清上面的第一个代码，将用户重定向到我需要的位置。

<%= link_to "Get this box for", download_picture_path(@gig), :target => "_blank" %>

第二个代码，只显示所需的点数

<%= @gig.pointsneeded %>

和“ points ”这个词只是代码之后的一个词。

这是所有代码的css：

.btn.btn-default.btn-lg.btn-block.for-get-button {
  background-color: #000000;
  text-color: #00FFFF;
  a:link { 
    color: #00FFFF;
  }
  a:visited { 
    color: #00FFFF;
  }
  a:hover { 
    color: #00FFFF;
  }
  a:active { 
    color: #00FFFF;
  }
  color: #00FFFF;
}

问题：点击它周围形成的按钮的任何部分/侧面时如何制作整个代码应该重定向到download_picture_path（@gig）。因为现在，将鼠标悬停在“获取此框”上会出现下划线，我必须在上单击“获取此框”< / strong>重定向到我需要的位置，当我应该能够点击按钮中的任意位置进行重定向时。

希望我清楚自己。

Answer 1

这应该适合你：

<%= link_to "Get this box for #{@gig.pointsneeded} points", download_picture_path(@gig), :target => "_blank", class: "btn btn-default btn-lg btn-block for-get-button" %>

虽然我的代码可能不在样式上，因为我拿出div并将其放在link_to上。但它应该解决问题

单击以重定向到特定页面时如何制作引导按钮

1 个答案: