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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值