Zdravím.
Zase mam "nevysetlitelny" problem. Dufam ze mi to objasnite lebo som zufaly.
Mam taketo HTML.
Kód:
<div id="scroll">
<div class="items">
<div>
<span class="scroll_img"><img src="images/image_1.png" /></span>
<span class="scroll_img"><img src="images/image_2.png" /></span>
<span class="scroll_img"><img src="images/image_3.png" /></span>
</div>
<div>
<span class="scroll_img"><img src="images/image_4.png" /></span>
<span class="scroll_img"><img src="images/image_5.png" /></span>
<span class="scroll_img"><img src="images/image_6.png" /></span>
</div>
</div>
</div>
Pomocou jQuery si chcem "alertnut" index prvku
.scroll_img. Napriklad ked kliknem na toto...
Kód:
<span class="scroll_img"><img src="images/image_3.png" width="146" height="91" alt="POPIS_OBRAZKA" rel="images/image_3.png" /></span>
... chcem aby to alertlo
2. Teda ten prvy obrazok ma index 0, druhy obrazok ma index 1 a treti obrazok ma index 2.
Tak som si spravil takyto kod.
Kód:
$("#scroll .items .scroll_img").click(function(){
alert($("#scroll .items .scroll_img").index(this));
});
Problem je to ze mi to vypisuje index vzdy vasci o hodnotu 3. Ked klikem na prvy obrazok malo by to vypisat 0 ale vypise to 3. Ked kliknem na druhy vypise 4 atd. Samozrejme da sa to odstranit tak ze tomu indexu dam
index - 3 ale to nie je "ciste" riesenie. Ak z kodu odstranim tie tagy
<div>,
</div> tak to rata normalne. Teda obrazok 1 ma index 0. Cize predpokladam ze mam len niekde zly selektor alebo zle pouzitu metodu. Skusal som to asi hodinu ale neviem na to prist.
Prosim ak niekto pozna riesenie ozvyte sa. Vopred diki za rady
Uz to ide aj mne... V kazdom pripade diki za ochotu.
