使用form_remote_tag优化图片链接

以产品product图片为例
<%=image_tag(product.image_url)%>

使用link_to
<%=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
<%form_remote_tag :url=>{ :action=>'add_to_cart', :id=>product} do%>
  <%=image_submit_tag(product.image_url,  :alt=>product.title,  :title=>"Add to cart",  :class=>"product_picture")%>
<%end%>

数据摘取(from apidock)
# File actionpack/lib/action_view/helpers/prototype_helper.rb, line 331
      def form_remote_tag(options = {}, &block)
        options[:form] = true

        options[:html] ||= {}
        options[:html][:onsubmit] =
          (options[:html][:onsubmit] ? options[:html][:onsubmit] + "; " : "") +
          "#{remote_function(options)}; return false;"

        form_tag(options[:html].delete(:action) || url_for(options[:url]), options[:html], &block)
      end

你可能感兴趣的:(html,css,prototype,Rails)