[JQuery] find Opcje

[zend]

W momencie kliknięcia na link sprawdzam czy istnieje podklasa "location", jeżeli istnieje usuwam klasę, jeżeli nie istnieje, wykonuje zapytanie żeby pobrać dane. Problem tkwi w tym ze find zwraca mi kolekcję klas, co powoduje nawet kilkunastokrotne (raz było 30 sic!) wykonywanie zapytań, jak ograniczyć rezultaty do jednego? Próbowałem $(parent).find('.location').first().html() ale nie działa wogóle

W wypadku gdy rozwinę drzewo element => podlista => podpodlista => podpodlista do takiej postaci i kliknę na "element" to przeszukuje mi całe drzewo i wysyła taką ilość zapytań ile jest odgałęzień

[JAVASCRIPT] pobierz, plaintext 
//kod w zdarzeniu click na odnośnik
var parent = $(this).parent();
if($(parent).find('.location').html() == null) {/*zapytanie ajax*/} else
{
	$(parent).find('.location').remove();
}
[JAVASCRIPT] pobierz, plaintext 

Struktura dokumentu

[HTML] pobierz, plaintext 
<div class="location">
  <ul>
    <li>
       <a href="">xxx</a>
       <div class="location">
       <ul>
         <li>
            <a href="">xxx</a>
          </li>
         </ul>
          </div>
    </li>
  </ul>
</div>
[HTML] pobierz, plaintext 

Ten post edytował zend 28.05.2010, 18:41:34

[erix]

Próbowałem $(parent).find('.location').first().html() ale nie działa wogóle

jeśli dobrze zrozumiałem:

[JAVASCRIPT] pobierz, plaintext 
if($(parent).find('.location').first().length>0){}
[JAVASCRIPT] pobierz, plaintext 

[zend]

Zarówno po moim kodzie jak i po Twoim, chodzi mi o first(), zdażenie click nie wykonuje się, wszystko działa tak jak by nie było js, a to był zwykły link

[erix]

Mhmm, ale co tak naprawdę chcesz osiągnąć...?

to przeszukuje mi całe drzewo i wysyła taką ilość zapytań ile jest odgałęzień

Potrzebujesz raczej cancelBubble...

[zend]

Mhmm, ale co tak naprawdę chcesz osiągnąć...?

Żeby po pierwszym napotkanym elemencie spełniającym warunki zaprzestało dalszych poszukiwań

Potrzebujesz raczej cancelBubble...

Mógłbyś dać przykład jak to wkomponować w $(parent).find('.location').html()? Bo nie wiem gdzie to upchnąć

[erix]

Żeby po pierwszym napotkanym elemencie spełniającym warunki zaprzestało dalszych poszukiwań

No to sprawdzasz przez length, jak napisałem.

Mógłbyś dać przykład jak to wkomponować w $(parent).find('.location').html()? Bo nie wiem gdzie to upchnąć

Przecież podałem Ci gotowy warunek...

[zend]

Ok, to inaczej, z tym first() nie będę już kombinował, bo całkiem przestaje mi działać js, natomiast nie mam pojęcia jak użyć cB w konekście kolekcji

[JAVASCRIPT] pobierz, plaintext 
event.cancelBubble = true; //tak przerywamy, tylko jak mając tak kod $(parent).find('.location').html() mogę się dobrać do obiektu i przerwać bańkę?
[JAVASCRIPT] pobierz, plaintext 

[erix]

w jQuery inaczej się tego używa

Ale jeśli chodzi o logikę -> wklepujesz to do handlera danego zdarzenia.

[zend]

Dzięki za pomoc ale problem okazał się tkwić w zupełnie innej rzeczy..

[JAVASCRIPT] pobierz, plaintext 
function locationClick()
{
	$('.subLocations').click(function(){
 
		//alert($(this).parent().find('.location').html());
		var myThis = this;
 
		if($(this).parent().find('.location').html() == null)
		{
			$.ajax({
				url : $(this).attr('href').replace('%7E' , '~'),
				data : {'format' : 'html'},
				success : function(data)
				{
					if(data.length > 3)
						$(myThis).parent().html($(myThis).parent().html().replace('%7E' , '~') + data);
 
					$('.subLocations').unbind('click'); //kod który usunął problem
					locationClick();
					//locationCheckbox();
				}
			});
		} else {
			$(myThis).parent().find('.location').remove();
		}
 
		return false;
	});
}
[JAVASCRIPT] pobierz, plaintext 

Za każdym razem gdy wysyłałem rządanie na nowo nakładałem zdarzenie click na klasy subLocations, co w konsekwencji powodowało że na ten sam wpis z czasem były nakładane kolejne zdarzenia click które sysyłały nadmiarowe zapytania do serwera. Problem można rozwiązać poprzez zdjęcie zdarznia click z klas i późniejsze potórne nałożenie