Witam

Mam napisana taka funkcje w jQuery :

[HTML] pobierz, plaintext 
$('a[href="projekty.php"]').click(function(){
      $('#content_bottom').load('projekty.php', '', function() {
            $(this).hide().fadeIn('slow');
        });
      $('#foto').load('proj_gal.php', '', function() {
            $(this).hide().fadeIn('slow');
        });
      return false;
   });
[HTML] pobierz, plaintext 

I tutaj wszystko pieknie chodzi, wiec postanowilem zbudowac analogiczna funkcje w ten sposob :

[HTML] pobierz, plaintext 
$('#data').click(function(){
        $('#foto').load('akt_gal.php', '', function() {
            $(this).hide().fadeIn('slow');
        });
      return false;
    });
[HTML] pobierz, plaintext 

No ale niestety w tym przypadku funkcja nie dziala, zas div ma poprawnie zdefiniowane id :

[PHP] pobierz, plaintext 
for($i = 0; $i < $count; $i++) {
        echo '<div id="data" value="'.$rows[$i]['dir'].'"><a href="#">'.$rows[$i]['date'].' :  '.$rows[$i]['title'].' - '.$rows[$i]['text'].'</a></div>';
    }
[PHP] pobierz, plaintext 

Dlaczego to nie dziala ?

A konsola błędów coś pokazuje?

Chcialbym zeby pokazywala, ale niestety, pustka, zadnych komunikatow .....

Probowalem dodawac klasy, albo wybierac na podstawie div lub tagu 'a' ale to samo, zadnej reakcji ze strony konsoli ani stronki....

Nie wiem czy to ma znaczenie, ale ten div o id="data" jest wewnatrz 4 innych div'ow. Kazdy kolejny jest 'opakowaniem' dla poprzedniego......

[PHP] pobierz, plaintext 
for($i = 0; $i < $count; $i++) {
        echo '<div id="data"
[PHP] pobierz, plaintext 

Zacznijmy od tego, że ID ma byc unikalne w całym dokumencie...

Ok, zamenilem id na class i bez zmian, nic w konsoli, nic na stronce....

zas jQuery zaczalem tak zeby nie bylo

[HTML] pobierz, plaintext 
$('div.data').click(function(){
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$("div.data a").
[HTML] pobierz, plaintext 

Zapomniałeś o dodaniu znacznika a.

To akurat moim zdaniem nie ma wiekszej roznicy, przeciez niewazne czy klikne na div czy na znacznik to jest praktycznie to samo,

Mimo wszystko nawet po dodaniu 'a' nic sie nie dzieje.....

Ma znaczenie i to ogromne. Chociażby dlatego, że this odwołuje się do innego obiektu.

Skoro nadal nie działa, to sprawdź, czy nie masz błędów - co pokazuje się w konsoli błędów?

A zobacz tak:

[PHP] pobierz, plaintext 
for($i = 0; $i < $count; $i++) {
        echo '<div class="data" rel="'.$rows[$i]['dir'].'"><a href="#">'.$rows[$i]['date'].' :  '.$rows[$i]['title'].' - '.$rows[$i]['text'].'</a></div>';
    }
[PHP] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
    $("div.data a").click(function(e){
        e.preventDefault();
        alert($(this).parent('div.data').attr('rel'));
    });
});
[JAVASCRIPT] pobierz, plaintext 

vokiel to dziwne ale Twoj przyklad tez nie dziala, a juz myslalem ze to bedzie przelom ,nic tez nie zwraca konsola

batman w konsoli nic sie nie pokazuje.....


Dodam ze ten div ktorego klikniecie ma zaladowac plik do innego diva jest tez ladowany za pomoca ajax, moze to ma jakis wplyw ? Bo jak patrze do zrodla strony to nie ma tej czesci ktora zawiera div z class="data".......


tutaj probka kodu ze zrodla :

[HTML] pobierz, plaintext 
<div align="center">
	<div id="top">
		<div id="naglowek">Nagłówek szablonu</div>
 
		<div id="foto">Foto</div>
				<div id="rama">
		<div id="TRESC"><div id="content_bottom"></div>tu powinien byc div o klasie 'data'</div>
		</div>
[HTML] pobierz, plaintext 

W kodzie tym jest div o id="content_bottom" i to do tego diva jest ladowany div ktory posiada klase 'data' a jak widac przez to - jak podejrzewam - ze ladowany jest przez ajax brakuje go w zrodle strony

Wystaw to gdzieś na świat, by można było zobaczyć na żywo. Teraz za wiele nie da się zrobić.

Ok, wystawiam na chwile

Mozna zobaczyc to tutaj

Cala rzecz dzieje sie po wejsciu w aktualnosci (trzeba poczekac az zaladuje sie menu), widac tam div-y z klasa 'data', nawet nie maja zbyt wiele styli wiec wygladaja jak linki

Prawdopodobnie wszyscy roztrzaskują się o firewalla...

Firewall jest wyłączony...

Wszystkich ktorzy raz probowali prosze jeszcze raz, napewno teraz dziala .... boj blad.....

No i się zagadka rozwiązała. Linki, do których chcesz przypisać zdarzenie onclick ładujesz ajaxem. A obsługa tych zdarzeń zapisana jest w pliku js dołączonym do głównej strony. Jeśli to ma zadziałać, to musisz zamiast click(function() { ... }) użyć live("click", function() { ... }). Oczywiście w miejsce kropek musisz wstawić swoją treść.

Ok , swietnie, teraz dziala, tylko ze tak naprawde to ja chcialem zeby ten div ladowal sie nie na zdarzenie 'click' tylko na 'hover' a z tego co widze .live() nie obsluguje 'hover'

---------------------------------

obsluguje mouseover, ale kiedy najezdzam zbyt szybko na kolejne div-y cala stronka sie rozjezdza i miga

Obsługuje mouseover to i też mouseout
Na zdarzenie mouseout możesz zatrzymać akcję ładowania div'a

A moglbys mi podpowiedziec w ktorym miejscu powinienem uzyc stop() ? jquery znam od 2 tyg dopiero

No i jeszcze takie pytanko, w funkcji load mam puste miejsce :

[HTML] pobierz, plaintext 
$('#foto').load('akt_gal.php', '', function() {
[HTML] pobierz, plaintext 

Czy jesli wstawie tam :

[HTML] pobierz, plaintext 
$(this).parent('div.data').attr('rel')
[HTML] pobierz, plaintext 

To do skryptu akt_gal.php zostanie przekazany atrybut rel a jezeli tak to jaka metoda ?

mouseenter/mouseleave jak już.

U mnie dziala na mouseover i maouseout, mozna prosic o mala podpowiedz jak zatrzymac load na mouseout/mouseleave ?

Manual, trzeba tam zajrzeć raz, ale tak porządnie, i przejrzeć wszystkie funkcje/metody. Po tym będzie Ci świtało w głowie, że gdzieś tam, coś takiego chyba było...

Poza tym na szybko polecam jquery cheatsheet

O ile dobrze kojarzę, będziesz musiał zastąpić load() funkcją ajax.