| Autor | Zpráva | ||
|---|---|---|---|
| marsme Profil |
Generuji z pole výčet prvků. Pro tyto prvky mám obslužné ikony vedoucí na různé action. Potřebuji, aby ve stavu kdy nemám myš nad prvkem byly skryté. Pomocí níže uvedeného JS se mi ale mouseover a mouseout event naváže vždy jen na první prvek. Jak to udělat tak aby se navázal na všechny a aby když najedu na jeden prvek se zároveň nezobrazily ikony i u ostatních.
$("#page_item").mouseover(function(){
$(this).css("background-color","#bc0028");
$(this).css("color","#ffffff");
$("#page_item a.slider").show();
$("#page_item a.trash").show();
});
$("#page_item").mouseout(function(){
$(this).css("background-color","#ffffff");
$(this).css("color","#383838");
$("#page_item a.slider").hide();
$("#page_item a.trash").hide();
});HTML je tady. {foreach $place as $p}
<div>
<div id="page_item">
<a href="" class="slider"><img src="{$basePath}/images/category_button_up.png" alt="Nahoru"/></a>
<a href="" class="slider"><img src="{$basePath}/images/category_button_down.png" alt="Dolů"/></a>
<a href="" class="slider"><img src="{$basePath}/images/category_catup.png" alt="O úroveň výše"/></a>
<span>{$p->name}</span>
<a href="" class="trash"><img src="{$basePath}/images/category_button_trash.png" alt="Smazat"/></a>
</div>
</div>
{/foreach}Vyřešeno. V cyklu se nesmí používat identifikátor ID. Výměna za class to vyřešila. Ještě kdyby to někoho zajímalo tak bylo třeba upravit ten js. výsledek tedy vypadá takto: $(".page_item").mouseover(function(){
$(this).css("background-color","#bc0028");
$(this).css("color","#ffffff");
$(this).find("a.slider").show();
$(this).find("a.trash").show();
});
$(".page_item").mouseout(function(){
$(this).css("background-color","#ffffff");
$(this).css("color","#383838");
$(this).find("a.slider").hide();
$(this).find("a.trash").hide();
}); |
||
| Keeehi Profil |
#2 · Zasláno: 30. 8. 2012, 20:21:19
Jen upřesním, že v cyklus nemá s id elementu nic společného, id klidně v cyklu bý použito může. Co ovšem problém je to, že pokud se cyklem vypisuje element s id a toto id se nemění, ve vygenerovaném HTML se objeví více elementů se stejným id, což je právě ta chyba.
|
||
|
Časová prodleva: 13 let
|
|||
0