Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/60.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 如何在rails中使用带有按钮的图像来代替文本按钮?_Ruby On Rails_Image_Button - Fatal编程技术网

Ruby on rails 如何在rails中使用带有按钮的图像来代替文本按钮?

Ruby on rails 如何在rails中使用带有按钮的图像来代替文本按钮?,ruby-on-rails,image,button,Ruby On Rails,Image,Button,我想从链接切换到按钮 使用link_to I可以嵌套和image_标记作为第一个参数 用按钮来做,不是那么容易。我的图像标签以一种不太好的方式注入到输入中: <%= button_to(image_tag("/images/sprite.png"), artist_likes_path(post.artist, :id => post.id, :rating => 1), :class => 'vote thumb_up',"data-type" =>

我想从链接切换到按钮

使用link_to I可以嵌套和image_标记作为第一个参数

用按钮来做,不是那么容易。我的图像标签以一种不太好的方式注入到输入中:

     <%= button_to(image_tag("/images/sprite.png"), artist_likes_path(post.artist, :id => post.id, :rating => 1),
   :class => 'vote thumb_up',"data-type" => :json, :remote => :true, :method => :post, :id => "like_post_#{post.id}") %>
post.id,:评级=>1),
:class=>vote thumb\u up',“数据类型”=>:json,:remote=>:true,:method=>:post,:id=>“like_post#{post.id}”)%>
给出:

  <form method="post" action="/artists/joyce_ballantyne/likes?id=29&amp;rating=1" data-remote="true" class="button_to">
      <div>
         <input class="vote thumb_up" data-type="json" id="like_post_29" type="submit" value="&lt;img alt=" sprite"="" src="/images/sprite.png?1318897720">" /&gt;
         <input name="authenticity_token" type="hidden" value="p6MA99QfJyQMQRXrwoXD0LxLodVMwnrxg/28ZI3vOHo=">
      </div>
  </form>


如果
link\u to
为您提供了所需的行为,您为什么要切换到
button\u to
?按钮在语义上更为正确,在这种情况下是一个棘手的投票。如果没有启用javascript,那么链接到将默认返回到GET请求中,而按钮到仍然有效,因为它是一个完整的表单提交。好的,这是有意义的。要用图像替换提交按钮,您必须使用CSS。令人高兴的是,有很多关于这方面的教程:如何为按钮添加类似于链接到图像标签的图像标签?指向的链接没有创建我需要的请求类型,按钮指向。