我有一个大div:
.limeskin:hover { background: #eee; cursor: pointer; display: block; }
我想要点击。因为我使用Rails我需要一个Rails链接可点击:
例如
<%= link_to 'Edit Your Email Address',edit_user_path %>
我正在努力争取到这一点。
这是整个块:
<% @user.posts.each do |post| %> <div class="lists"> <ol class="limeposts"> <li> <div class="limeskin"> <div class="limeBox"> <div class="limecost"> <b>Price:</b> <%= number_to_currency(post.price,:unit => "R") %><br> [...] <% end %>
任何简单的法律可行答案?
谢谢
解决方法
link_to可以接受一个块:
<%= link_to root_path do %> <div>Hey!</div> <% end %>
这将围绕div与< a>标签。
文件:http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to
或者如果你有一个大div,并希望使它“可点击”,使用jQuery:
# html.erb <div class="limeskin"> <div class="limeBox"> <div class="limecost"> <b>Price:</b> <%= number_to_currency(post.price,:unit => "R") %><br> #[...] </div> </div> </div> # jQuery.js $('.limeskin').click( function(event) { var clicked_div = $(this); # do stuff with the event object and 'this' which # represent the element you just clicked on });
jsFiddle:http://jsfiddle.net/Lxw34w5o/1/