`
lonelystarxing
  • 浏览: 46928 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

使用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

1
2
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics