jquery odwołanie do obiektu nadrzędnego

Thread View: pl.comp.lang.javascript

7 messages

[T] Back to Threads [V] Tree View [G] Group Articles

7 total messages Started by Snatch333 Thu, 01 Apr 2010 17:38

#49900

Author: Snatch333
Date: Thu, 01 Apr 2010 17:38

9 lines
1458 bytes

W jaki sposób można odwołać się do nadrzędnego obiektu $('#menu ul
li') w zagnieżdżonej funkcji?
Oto fragment kodu:
$('#menu ul li').children('a').mouseover(function(){
		$('#menu ul li').children('ul').hide('fast', function(){
			$(this).children('ul').show(); // w tym przypadku this nie odwołuje
się do $('#menu ul li') z .mouseover
			});
		});

Re: jquery odwołanie do obiektu nadrzędnego

#49901

Author: Peter May
Date: Thu, 01 Apr 2010 18:55

18 lines
1585 bytes

W dniu 2010-04-01 19:38, Snatch333 pisze:
> W jaki sposób można odwołać się do nadrzędnego obiektu $('#menu ul
> li') w zagnieżdżonej funkcji?
> Oto fragment kodu:
> $('#menu ul li').children('a').mouseover(function(){
> 		$('#menu ul li').children('ul').hide('fast', function(){
> 			$(this).children('ul').show(); // w tym przypadku this nie odwołuje
> się do $('#menu ul li') z .mouseover
> 			});
> 		});

Zainteresuj się http://api.jquery.com/parents/

A w ogóle powyższy kod da się napisać bez jQuery. Nie wiem, to jakaś 
moda pisać wszystko we frameworkach? :/ Eh...

-- 
Peter

Re: jquery odwołanie do obiektu nadrzędnego

#49906

Author: Paweł Piskorz
Date: Thu, 01 Apr 2010 19:52

34 lines
1929 bytes

On 2010-04-01 19:38, Snatch333 wrote:
> W jaki sposób można odwołać się do nadrzędnego obiektu $('#menu ul
> li') w zagnieżdżonej funkcji?
> Oto fragment kodu:
> $('#menu ul li').children('a').mouseover(function(){

Selektory się kłaniają:
http://api.jquery.com/category/selectors/
$('#menu ul li > a').mouseover(function(){
var kliknietyLink = this;

> 		$('#menu ul li').children('ul').hide('fast', function(){

$('#menu ul li > ul').hide('fast', function(){

> 			$(this).children('ul').show(); // w tym przypadku this nie odwołuje
> się do $('#menu ul li') z .mouseover

http://api.jquery.com/hide/
"The callback is not sent any arguments, but this is set to the DOM 
element being animated."

$(kliknietyLink).siblings('ul').show();

> 			});
> 		});

P.S. Nie testowałem.


-- 
message[autor="PablO"]::after {
	content:"Pozdrawiam";
}

Re: jquery odwołanie do obiektu nadrzędnego

#49902

Author: Paweł Piskorz
Date: Thu, 01 Apr 2010 20:10

17 lines
1445 bytes

On 2010-04-01 20:55, Peter May wrote:
> A w ogóle powyższy kod da się napisać bez jQuery.

Na przykład korzystając z DOMAssistanta

> Nie wiem, to jakaś moda pisać wszystko we frameworkach? :/ Eh...

Wygoda Panie, wygoda.
Powiedz że sam klepiesz 
document.getElementById('menu').getElementsByTagName('ul').addEventListener 
;P

-- 
message[autor="PablO"]::after {
	content:"Pozdrawiam";
}

Re: jquery odwołanie do obiektu nadrzędnego

#49903

Author: Peter May
Date: Fri, 02 Apr 2010 07:56

23 lines
1611 bytes

W dniu 2010-04-01 22:10, Paweł Piskorz pisze:
> On 2010-04-01 20:55, Peter May wrote:
>> A w ogóle powyższy kod da się napisać bez jQuery.
>
> Na przykład korzystając z DOMAssistanta

Albo mootools :P

>> Nie wiem, to jakaś moda pisać wszystko we frameworkach? :/ Eh...
>
> Wygoda Panie, wygoda.

Ale nie do wszystkich zadań. Bez przesady. Ładować całą bibliotekę 
jQuery tylko po to, aby wykonać kilka prostych operacji? Eee...

> Powiedz że sam klepiesz
> document.getElementById('menu').getElementsByTagName('ul').addEventListener
> ;P

Jest jeszcze querySelector :P

-- 
Peter

Re: jquery odwołanie do obiektu nadrzędnego

#49904

Author: Paweł Piskorz
Date: Fri, 02 Apr 2010 10:00

34 lines
1907 bytes

On 2010-04-02 09:56, Peter May wrote:
> W dniu 2010-04-01 22:10, Paweł Piskorz pisze:
>> On 2010-04-01 20:55, Peter May wrote:
>>> A w ogóle powyższy kod da się napisać bez jQuery.
>>
>> Na przykład korzystając z DOMAssistanta
>
> Albo mootools :P

A fe.

>>> Nie wiem, to jakaś moda pisać wszystko we frameworkach? :/ Eh...
>>
>> Wygoda Panie, wygoda.
>
> Ale nie do wszystkich zadań. Bez przesady. Ładować całą bibliotekę
> jQuery tylko po to, aby wykonać kilka prostych operacji? Eee...

Ja wiem czy proste, animacje to już nie taki lajcik.

>> Powiedz że sam klepiesz
>> document.getElementById('menu').getElementsByTagName('ul').addEventListener
>>
>> ;P
>
> Jest jeszcze querySelector :P

W IE7? :/


-- 
message[autor="PablO"]::after {
	content:"Pozdrawiam";
}

Re: jquery odwołanie do obiektu nadrzędnego

#49905

Author: Peter May
Date: Fri, 02 Apr 2010 10:15

41 lines
2096 bytes

W dniu 2010-04-02 12:00, Paweł Piskorz pisze:
> On 2010-04-02 09:56, Peter May wrote:
>> W dniu 2010-04-01 22:10, Paweł Piskorz pisze:
>>> On 2010-04-01 20:55, Peter May wrote:
>>>> A w ogóle powyższy kod da się napisać bez jQuery.
>>>
>>> Na przykład korzystając z DOMAssistanta
>>
>> Albo mootools :P
>
> A fe.

Do wyboru, do koloru :P

>>>> Nie wiem, to jakaś moda pisać wszystko we frameworkach? :/ Eh...
>>>
>>> Wygoda Panie, wygoda.
>>
>> Ale nie do wszystkich zadań. Bez przesady. Ładować całą bibliotekę
>> jQuery tylko po to, aby wykonać kilka prostych operacji? Eee...
>
> Ja wiem czy proste, animacje to już nie taki lajcik.

Przecież napisałem, że nie zawsze zastosowanie framework-a jest 
niepotrzebne :D

>>> Powiedz że sam klepiesz
>>> document.getElementById('menu').getElementsByTagName('ul').addEventListener
>>>
>>>
>>> ;P
>>
>> Jest jeszcze querySelector :P
>
> W IE7? :/

A kto powiedział, że to działa wszędzie? :/ Jest jeszcze to 
http://github.com/jeresig/sizzle

-- 
Peter

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads