[CSS][HTML] z-index Opcje

[Wolfie]

Witam

Mam taki kawalek kodu :

[HTML] pobierz, plaintext 
echo '<div id="gallery" class="gallery">'.
                '<div id="click"></div>'.
                '<div class="img_container" id="img_container" style="width:'.$width.'px; right:0px;">';
        if(!empty($_POST['dir'])) {
            for($i=$count-1; $i>=0; $i--) {
                echo '<img src="'.$imgs[$i].'">';
            }
        }
        echo '</div>';
[HTML] pobierz, plaintext 

ktory znajduje sie w div-ie o id="foto"

Jak widac z powyzszego kodu wewnatrz div-a o id="gallery" znajduje sie div o id="click" ktory ma taki kod css

[CSS] pobierz, plaintext 
#click {
    border:1px solid red;
    position:absolute;
    z-index:2;
    height:360px;
    width:125px;
    float:left;
}
[CSS] pobierz, plaintext 

Jego z-index jest uswationy tak zeby znajdowal sie przed wszystkimi - z perspektywy osi z - divami znajdujacymi sie na stronie.

No i teraz mam obsluge zdarzen w jquery dla divow :

[JAVASCRIPT] pobierz, plaintext 
$("#foto").click(function(){
    //jakis kod
});
$("#click").click(function(){
   //jakis kod
});
[JAVASCRIPT] pobierz, plaintext 

Problem polega na tym ze mimo tego ze div o id="click" jest ustawiony na z-index:2 to i tak po kliknieciu w niego nic sie nie dzieje, a wiem ze dzialanie funkcji ktora obsluguje jest poprawne, poniewaz gdy wstawie funkcjie ktora obsluguje zdarzenie #click.click pod pod klikniecie na #foto to wszystko smiga, wiec wydaje mi sie ze cos jest nie tak z tym z-index.....mimo ze kursor myszy wyraznie mi pokazuje ze znajduje sie nad divem o id="click"......mam nadzieje ze rozumiecie o co chodzi.....poprostu mimo tego ze div o id="click" znajduje sie nad wszystkimi innymi divami w dokumencie po jego kliknieciu nic sie nie dzieje, choc funkcja w js jest napisana poprawnie....

Ten post edytował Wolfie 28.09.2009, 21:11:09

[Wolfie]

----------------------------------------------------
Ok, juz sobie poradzilem, poniewaz div o id="click" jest ladowany dynamicznie przez ajaxa to trzeba bylo zastosowac :

[JAVASCRIPT] pobierz, plaintext 
$('#click').live("click", function {..
[JAVASCRIPT] pobierz, plaintext 

zamiast

[JAVASCRIPT] pobierz, plaintext 
 $('#click').click( function {..
 
[JAVASCRIPT] pobierz, plaintext 

Pozdro

tylko ze teraz jak klikne na div o id="click" to wykonuja sie dwie funcke , i ta ktora jest dla id="click" i ta ktora jest dla id="foto" , pewnie dlatego ze div click jest w divie foto......da sie to jakos pogodzic , czy trzeba poprostu wstawic jeszcze jednego diva obok diva click i jemu przypisac funkcje z diva foto ?

Ten post edytował Wolfie 28.09.2009, 22:14:50

[zegarek84]

tylko ze teraz jak klikne na div o id="click" to wykonuja sie dwie funcke , i ta ktora jest dla id="click" i ta ktora jest dla id="foto" , pewnie dlatego ze div click jest w divie foto......da sie to jakos pogodzic , czy trzeba poprostu wstawic jeszcze jednego diva obok diva click i jemu przypisac funkcje z diva foto ?

poczytaj o stopPropagation() - może w jquery jest coś podobnego - a jeśli nie to ta strona dodatkowo powinna Cię zainteresować:
http://www.quirksmode.org/js/events_order.html