Pero es que no puedes usar
href en un
li, porque es un atributo que corresponde a un enlace (
a) que es lo que decíamos antes. Si quiere pasar datos, en HTML existen atributos
data-*, que son personalizables:
Código HTML:
Ver original<li data-juego="juego_de_mesa">Juego de Mesa
</li> <li data-juego="sandwichera">Sandwichera
</li>
A estos atributos, como digo, puedes ponerles el nombre que quieras, mientras tengan el formato
data-*.
Puedes recoger los valores con
data("juego"), por ejemplo:
Código Javascript
:
Ver original$("li.me2").click(function(){
grupo = $(this).data("juego")
})
Pero a las descripciones tendrás que ponerle
algo para identificarlos. Puedes usar los mismos valores que usaste antes, y para que quede más fino usar otro
data-* si quieres:
Código HTML:
Ver original<div class="descripcion" data-descripcion="juego_de_mesa"></div> <div class="descripcion" data-descripcion="sandwichera"></div>
Y ahora muestras la descripción
data-descripcion según qué
data-juego se haya pulsado:
Código Javascript
:
Ver original$("li.me2").click(function(){
grupo = $(this).data("juego")
$("div.descripcion[data-descripcion="+grupo+"]").fadeIn()
})
No sé si hay algún fallo debido a que hace mucho que no toco JavaScript y no me gusta JavaScript.
