使用form_remote_tag优化图片链接

中关村村草

转：lonelystarxing

使用form_remote_tag优化图片链接

以产品图片为例

1. <%=image_tag(product.image_url)%>

复制代码

使用link_to

1. <%=link_to image_tag(product.image_url),  :action=>"add_to_cart", :id=>product%>

复制代码

但是此时我们会发现link_to的第一个方法即产品图片会被存放在<a>标签中，而rails提供的image_tag辅助方法则会构造一个<img>标签，此时我们会发现我们调用的图片放置在一个很难看的img标签中，我们想要界面好看点，必须花时间在相关css中。

使用form_remote_tag

1. <%form_remote_tag :url=>{ :action=>'add_to_cart', :id=>product} do%>
   
2.   <%=image_submit_tag(product.image_url,  :alt=>product.title,  :title=>"Add to cart",  :class=>"product_picture")%>
   
3. <%end%>

复制代码

数据摘取（from apidock）

1. # File actionpack/lib/action_view/helpers/prototype_helper.rb, line 331
   
2.       def form_remote_tag(options = {}, &block)
   
3.         options[:form] = true
   
4. 
   
5.         options[:html] ||= {}
   
6.         options[:html][:onsubmit] =
   
7.           (options[:html][:onsubmit] ? options[:html][:onsubmit] + "; " : "") +
   
8.           "#{remote_function(options)}; return false;"
   
9. 
   
10.         form_tag(options[:html].delete(:action) || url_for(options[:url]), options[:html], &block)
    
11.       end

复制代码