Rails 2 到 Rails 3 link_to image_to 标签

Question

这是我在 Rails 2 中使用的代码，

<%= link_to_remote image_tag("icon_edit.png", :onmouseover=>"$(this).up('.tooltip-wrapper').down('.tooltip-wrapper-box').show()",:onmouseout=>"$(this).up('.tooltip-wrapper').down('.tooltip-wrapper-box').hide()" ).html_safe, :url => { :controller =>'/resume/contact_detail',:action => 'edit_contact_detail'}, :html => { :class  => "link_grey" },:before => "$('edit_contact_link').hide();show_spinner('view_contact_detail','view_contact_detail_spinner')"  %>

我怎样才能将其添加到 Rails 3 中？

我是不引人注目的 javascript 新手，所以有人可以帮助我转换这个吗？

我尝试使用以下内容：

<%= link_to  :url => { :controller =>'/resume/contact_detail',:action => 'edit_contact_detail'}, :remote=>true do %>
   <%= image_tag('icon_edit.png', :onmouseover=>"$(this).up('.tooltip-wrapper').down('.tooltip-wrapper-box').show()",:onmouseout=>"$(this).up('.tooltip-wrapper').down('.tooltip-wrapper-box').hide()") %>
<% end %>

但我缺少 :before 选项:(

谢谢

Answer 1

不要像在 Rails 2.X 中那样使用 :before，而是将其定义为 :onclick。

<%= link_to  :url => { :controller =>'/resume/contact_detail',:action => 'edit_contact_detail'}, :remote => true, :onclick => "$('edit_contact_link').hide();show_spinner('view_contact_detail','view_contact_detail_spinner')" do %>
   <%= image_tag('icon_edit.png', :onmouseover=>"$(this).up('.tooltip-wrapper').down('.tooltip-wrapper-box').show()",:onmouseout=>"$(this).up('.tooltip-wrapper').down('.tooltip-wrapper-box').hide()") %>
<% end %>

onclick 事件应在 :remote 调用之前运行。

请参阅我对您关于远程部分为何未运行的问题的评论。