jquery - 在悬停时替换 Ruby 链接文本

Question

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

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

这会在按钮上显示结果数字。我希望按钮文本在悬停时显示“立即申请”。重要的是，一个页面上有多个职​​位发布，每个职位都有一个不同的应用按钮和不同的编号。

我研究并找到了一种使用静态文本和 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";
 }

所需的结果会将来自 ruby​​ 的值替换为上面的“立即申请”文本。

预先感谢您的帮助。

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

.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";
 }

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