css – 如何使一个Rails链接的DIV可点击?

前端之家收集整理的这篇文章主要介绍了css – 如何使一个Rails链接的DIV可点击?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个大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/

猜你在找的CSS相关文章