Comment faire un DIv avec un Rails de Lien cliquable?

J'ai une grande div:

.limeskin:hover {
  background: #eee;
  cursor: pointer;
  display: block;
}

que je veux être cliquable. Parce que je suis à l'aide de Rails j'ai besoin d'avoir un Rails de lien cliquable:
Par exemple

<%= link_to 'Edit Your Email Address', edit_user_path %>

J'ai du mal à cela.

Ici, c'est le bloc entier:

<% @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 %>

Toute simple juridiques des solutions concrètes?

Grâce

InformationsquelleAutor Erin Walker | 2013-06-25

49

link_to peut accepter un bloc:
```
<%= link_to root_path do %>
  <div>Hey!</div>
<% end %>
```
Ce entourent la div avec <a> balises.

Documentation: http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to

Ou si vous avez un gros div et souhaitez le rendre "cliquable", à l'aide de 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/
- Salut merci, il fait le limeface et limcost div contenu cliquable, mais rien d'autre. Je veux tout le bloc (voir la feuille de style ajoutée) pour limeskin être cliquable.
- Ok, donnez-moi une seconde, je vais poster une solution avec jQuery
- Juste mis à jour ma réponse @ErinWalker
InformationsquelleAutor MrYoshiji
1

L'utilisation de javascript (je vous conseille jQuery) afin de rendre l'action effectivement se produire et CSS hover sélecteur de modifier la div arrière-plan et le curseur (pour changer le curseur d'une flèche à la main).

InformationsquelleAutor bluehallu
1

À l'aide de Link_to comme ci-dessous serait suffisant, même si vous avez un gros bloc, y compris de multiples tags:
```
<%= link_to desired_path do %>
    <div class="linkable">
        <another div>
             ... some other tags
        </another div>
    </div>
<% end %>
```
et je vous recommande d'utiliser une couleur de fond différente de la souris sur le cours des événements, car il montre au spectateur que c'est un lien!

En vous .fichier css:
```
.linkable:hover{
    background-color: red;

}
```
- Quand je fais cela dans mon index.html.erb fichier la ligne en fait tout simplement ne pas s'afficher du tout. Savez-vous ce qui a pu provoquer ça?
- Vérifiez votre code et assurez-vous d'utiliser <%= pas de <%
- Oui j'ai copié directement à partir d'ici pour être sûr
- Vérifiez votre code et surtout de votre CSS. Vérifier la link_to et également utiliser Inspecter l'Élément dans votre navigateur pour voir ce qui se passe.
InformationsquelleAutor Aboozar Rajabi

Vous devez vous connecter pour publier un commentaire.

jsFiddle: http://jsfiddle.net/Lxw34w5o/1/