Mam listę zagnieżdżoną:

<ul>
<li>
<ul>
...
</li>
<li>
<ul>
...
</li>
</ul>

Chcę zrobić tak aby po najechaniu na li, li pod nim został odpowiednio
ostylowany.

|Próbowałem zrobić :

$('#cat_list li').hover(function () {
$(this).next().css({border: 'none'});
});
Jednak nic się nie dzieje

do góry

kwiecień roku pamiętnego 2011, prawdopodobnie 09. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) hazet:

> |Próbowałem zrobić :
>
> $('#cat_list li').hover(function () {
> $(this).next().css({border: 'none'});
> });
> Jednak nic się nie dzieje

Po co Ci jQuery?

#cat_list li:hover + * {border: none;}
(Między ,,#cat_list" a ,,li" możesz chcieć dodać ,,>", bo ni jestem pewien
czy dokładnie o taki efekt Tobie chodzi.)
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

do góry

Mirosław Zalewski pisze:
> kwiecień roku pamiętnego 2011, prawdopodobnie 09. Wielka mądrość na
> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) hazet:
>
>> |Próbowałem zrobić :
>>
>> $('#cat_list li').hover(function () {
>> $(this).next().css({border: 'none'});
>> });
>> Jednak nic się nie dzieje
>
> Po co Ci jQuery?
>
> #cat_list li:hover + * {border: none;}
> (Między ,,#cat_list" a ,,li" możesz chcieć dodać ,,>", bo ni jestem pewien
> czy dokładnie o taki efekt Tobie chodzi.)

Przepraszam, trochę się pomyliłem, chodziło o to:
Chodzi o :

<ul>
<li> <a href="">(HOVER)
<ul>
...
</li>
<li> <a href="">(TUTAJ DODAJE STYL INLINE)
<ul>
...
</li>
</ul>


Że hover jest na linku wewnątrz li a styl ma być dopisany do linku
wewnątrz 2 li pod tym 1 tak jak :zobrazowałem: ;)

do góry

hazet pisze:
> Mirosław Zalewski pisze:
>> kwiecień roku pamiętnego 2011, prawdopodobnie 09. Wielka mądrość na
>> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) hazet:
>>
>>> |Próbowałem zrobić :
>>>
>>> $('#cat_list li').hover(function () {
>>> $(this).next().css({border: 'none'});
>>> });
>>> Jednak nic się nie dzieje
>>
>> Po co Ci jQuery?
>>
>> #cat_list li:hover + * {border: none;}
>> (Między ,,#cat_list" a ,,li" możesz chcieć dodać ,,>", bo ni jestem pewien
>> czy dokładnie o taki efekt Tobie chodzi.)
>
> Przepraszam, trochę się pomyliłem, chodziło o to:
> Chodzi o :
>
> <ul>
> <li> <a href="">(HOVER)
> <ul>
> ...
> </li>
> <li> <a href="">(TUTAJ DODAJE STYL INLINE)
> <ul>
> ...
> </li>
> </ul>
>
>
> Że hover jest na linku wewnątrz li a styl ma być dopisany do linku
> wewnątrz 2 li pod tym 1 tak jak :zobrazowałem: ;)

Mam na razie coś takiego (próbuję zrobić przez klasy)

$('#cat_list li > a').hover(
function() {
$('#cat_list li').next().addClass('aaa');
},
);

Problem w tym, że klasa aaa zostaje dodana do wszystkich li za tym, na
którym był hover i po "zjechaniu" klasy nie są usuwane, tylko zostają.

do góry

On 10.04.2011 00:30, hazet wrote:
> hazet pisze:
>> Mirosław Zalewski pisze:
>>> kwiecień roku pamiętnego 2011, prawdopodobnie 09. Wielka mądrość na
>>> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) hazet:
>>>
>>>> |Próbowałem zrobić :
>>>>
>>>> $('#cat_list li').hover(function () {
>>>> $(this).next().css({border: 'none'});
>>>> });
>>>> Jednak nic się nie dzieje
>>>
>>> Po co Ci jQuery?
>>>
>>> #cat_list li:hover + * {border: none;}
>>> (Między ,,#cat_list" a ,,li" możesz chcieć dodać ,,>", bo ni jestem
>>> pewien
>>> czy dokładnie o taki efekt Tobie chodzi.)
>>
>> Przepraszam, trochę się pomyliłem, chodziło o to:
>> Chodzi o :
>>
>> <ul>
>> <li> <a href="">(HOVER)
>> <ul>
>> ...
>> </li>
>> <li> <a href="">(TUTAJ DODAJE STYL INLINE)
>> <ul>
>> ...
>> </li>
>> </ul>
>>
>>
>> Że hover jest na linku wewnątrz li a styl ma być dopisany do linku
>> wewnątrz 2 li pod tym 1 tak jak :zobrazowałem: ;)
>
> Mam na razie coś takiego (próbuję zrobić przez klasy)
>
> $('#cat_list li > a').hover(
> function() {
> $('#cat_list li').next().addClass('aaa');
> },
> );
>
> Problem w tym, że klasa aaa zostaje dodana do wszystkich li za tym, na
> którym był hover i po "zjechaniu" klasy nie są usuwane, tylko zostają.
>

O ile pamiętam, jak chcesz żeby klasa zniknęła, to też musisz to w
skrypcie napisać.

--
Bastet_Milo

do góry

Katarzyna 'Bastet' Świderska pisze:
> On 10.04.2011 00:30, hazet wrote:
>> hazet pisze:
>>> Mirosław Zalewski pisze:
>>>> kwiecień roku pamiętnego 2011, prawdopodobnie 09. Wielka mądrość na
>>>> czytelników pl.comp.www spłynęła, gdy tako rzekł(a) hazet:
>>>>
>>>>> |Próbowałem zrobić :
>>>>>
>>>>> $('#cat_list li').hover(function () {
>>>>> $(this).next().css({border: 'none'});
>>>>> });
>>>>> Jednak nic się nie dzieje
>>>>
>>>> Po co Ci jQuery?
>>>>
>>>> #cat_list li:hover + * {border: none;}
>>>> (Między ,,#cat_list" a ,,li" możesz chcieć dodać ,,>", bo ni jestem
>>>> pewien
>>>> czy dokładnie o taki efekt Tobie chodzi.)
>>>
>>> Przepraszam, trochę się pomyliłem, chodziło o to:
>>> Chodzi o :
>>>
>>> <ul>
>>> <li> <a href="">(HOVER)
>>> <ul>
>>> ...
>>> </li>
>>> <li> <a href="">(TUTAJ DODAJE STYL INLINE)
>>> <ul>
>>> ...
>>> </li>
>>> </ul>
>>>
>>>
>>> Że hover jest na linku wewnątrz li a styl ma być dopisany do linku
>>> wewnątrz 2 li pod tym 1 tak jak :zobrazowałem: ;)
>>
>> Mam na razie coś takiego (próbuję zrobić przez klasy)
>>
>> $('#cat_list li > a').hover(
>> function() {
>> $('#cat_list li').next().addClass('aaa');
>> },
>> );
>>
>> Problem w tym, że klasa aaa zostaje dodana do wszystkich li za tym, na
>> którym był hover i po "zjechaniu" klasy nie są usuwane, tylko zostają.
>>
>
> O ile pamiętam, jak chcesz żeby klasa zniknęła, to też musisz to w
> skrypcie napisać.
>

ok, ale czemu dodaje do wszystkich elementów li za tym z hover a nie
tylko jednego ?

do góry

W dniu 2011-04-10 09:45, Katarzyna 'Bastet' Świderska pisze:
> On 10.04.2011 00:30, hazet wrote:

On to miał napisane w pytaniu wyżej tylko po co czytać (poprawione do
warunków powyżej):

$('#cat_list li).hover(
function() {
$(this).next('li').addClass('aaa');
},
function() {
$(this).next('li').removeClass('aaa');
}
);
lub:

$('#cat_list li > a).hover(
function() {
$(this).parent().next('li').addClass('aaa');
},
function() {
$(this).parent().next('li').removeClass('aaa');
}
);

[OT]
Ale po co czytać dokumentację i pokombinować, jak problem rozwiążą za
nas. Fakt,że grupy kiedyś były mniej interesowane... ale nie dziwię się,
że teraz rzadziej można na grupach uzyskać pomoc, jeśli pytający nie
wysili się żeby samodzielnie pokombinować. Czy na prawdę fragment:

function() {
tutaj remove class;
}

który tutaj zastąpiłem:
function() {
$(this).next('li').removeClass('aaa');
}
tak ciężko było znaleźć w dokumentacji? Szczególnie że resztę miałeś
napisaną?

Pozdr,p.
http://www.teleit.pl

do góry

beherit / pn pisze:
> W dniu 2011-04-10 09:45, Katarzyna 'Bastet' Świderska pisze:
>> On 10.04.2011 00:30, hazet wrote:
>
> On to miał napisane w pytaniu wyżej tylko po co czytać (poprawione do
> warunków powyżej):
>
> $('#cat_list li).hover(
> function() {
> $(this).next('li').addClass('aaa');
> },
> function() {
> $(this).next('li').removeClass('aaa');
> }
> );
> lub:
>
> $('#cat_list li > a).hover(
> function() {
> $(this).parent().next('li').addClass('aaa');
> },
> function() {
> $(this).parent().next('li').removeClass('aaa');
> }
> );
>
> [OT]
> Ale po co czytać dokumentację i pokombinować, jak problem rozwiążą za
> nas. Fakt,że grupy kiedyś były mniej interesowane... ale nie dziwię się,
> że teraz rzadziej można na grupach uzyskać pomoc, jeśli pytający nie
> wysili się żeby samodzielnie pokombinować. Czy na prawdę fragment:
>
> function() {
> tutaj remove class;
> }
>
> który tutaj zastąpiłem:
> function() {
> $(this).next('li').removeClass('aaa');
> }
> tak ciężko było znaleźć w dokumentacji? Szczególnie że resztę miałeś
> napisaną?
>
> Pozdr,p.
> http://www.teleit.pl


$('#cat_list li > a).hover(
function() {
$(this).parent().next('li').addClass('aaa');
},
function() {
$(this).parent().next('li').removeClass('aaa');
}
);


Próbowałem tym sposobem i klasa aa jest dodawana do wzystkich elementów
wewnątrz #cat_list , po zjechaniu zostaje, nie jest usuwana

do góry

hazet pisze:
> beherit / pn pisze:
>> W dniu 2011-04-10 09:45, Katarzyna 'Bastet' Świderska pisze:
>>> On 10.04.2011 00:30, hazet wrote:
>>
>> On to miał napisane w pytaniu wyżej tylko po co czytać (poprawione do
>> warunków powyżej):
>>
>> $('#cat_list li).hover(
>> function() {
>> $(this).next('li').addClass('aaa');
>> },
>> function() {
>> $(this).next('li').removeClass('aaa');
>> }
>> );
>> lub:
>>
>> $('#cat_list li > a).hover(
>> function() {
>> $(this).parent().next('li').addClass('aaa');
>> },
>> function() {
>> $(this).parent().next('li').removeClass('aaa');
>> }
>> );
>>
>> [OT]
>> Ale po co czytać dokumentację i pokombinować, jak problem rozwiążą za
>> nas. Fakt,że grupy kiedyś były mniej interesowane... ale nie dziwię
>> się, że teraz rzadziej można na grupach uzyskać pomoc, jeśli pytający
>> nie wysili się żeby samodzielnie pokombinować. Czy na prawdę fragment:
>>
>> function() {
>> tutaj remove class;
>> }
>>
>> który tutaj zastąpiłem:
>> function() {
>> $(this).next('li').removeClass('aaa');
>> }
>> tak ciężko było znaleźć w dokumentacji? Szczególnie że resztę miałeś
>> napisaną?
>>
>> Pozdr,p.
>> http://www.teleit.pl
>
>
> $('#cat_list li > a).hover(
> function() {
> $(this).parent().next('li').addClass('aaa');
> },
> function() {
> $(this).parent().next('li').removeClass('aaa');
> }
> );
>
>
> Próbowałem tym sposobem i klasa aa jest dodawana do wzystkich elementów
> wewnątrz #cat_list , po zjechaniu zostaje, nie jest usuwana

już działa :D
Dzięki.

do góry

> |Próbowałem zrobić :
>
> $('#cat_list li').hover(function () {
> $(this).next().css({border: 'none'});
> });
> Jednak nic się nie dzieje

A bo powinno byc: .css( propertyName, value ) a nie .css( propertyName: value )

pozdrawiam
prg

do góry