Question

我的第一个问题！ 快速大纲 提交按钮的文本是动态创建的。我想在悬停时更改按钮上的文字。

<%= submit_tag post.date_posts.count * post.price, {:class => "btn btn-danger btn-lg btn-block"} %>

这将在按钮上显示结果编号。我希望按钮文本显示＆＃34;立即申请＆＃34;在悬停。重要的是，一个页面上有多个作业帖子，每个帖子都有一个不同的应用按钮，不同的编号。

我研究并找到了一种方法，在使用和css的静态文本链接上进行，但不知道如何使用ruby来实现它。

<%= link_to content_tag(:span, 'USD 2000'), new_user_registration_path(:user_type => "freelancer"),  class: "btn btn-danger btn-large apply-button" %>

这是css：

.apply-button {
  width: 219px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 100;
 }
.apply-button:hover span {
  display: none;
 }
.apply-button:hover:before {
  content: "Apply Now";
 }

所需的结果将用＆＃34;立即申请＆＃34;取代红宝石的价值。文字就可以了。

提前感谢您的帮助。

Answer 1

您可以改为使用<button type="submit" />：

http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-button_tag

button_tag(type: 'submit') do
  content_tag(:span, '$100')
end

＆＃13;

.apply-button {
  width: 219px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 100;
 }

.apply-button:hover span {
  display: none;
 }

.apply-button:hover:before {
  content: "Apply Now";
 }

＆＃13;

<button type="submit" id="status" class="btn btn-danger btn-large apply-button" value="True"><span>$100</span></button>

＆＃13;

在悬停时替换Ruby链接文本

1 个答案: