Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: This na jiný prvek

Aktivity
Avatar

Člen
Avatar
:12.7.2014 22:05

Ahojte, mám takový dotaz, nechce se mi totiž psát kód pro každý prvek, zde je kód:

$("section .reference section ul li a img, section .reference section ol li").hover(function() {
            $(this).stop().animate({ opacity: "1" }, 500);
        },
        function() {
            $(this).stop().animate({ opacity: "0" }, 500);
        });

A moje otázka je, zdali šlo to slovo this použít jen na section .reference section ol li? V hover mám totiž i section .reference section ul li a img a tak se this vztahuje obojí.

 
Odpovědět
12.7.2014 22:05
Avatar

Člen
Avatar
:13.7.2014 11:49

Jelikož jsem to začal řešit jinak, tak to napíšu tady, nechce se mi animovat border, cesta je správná a v CSS je border: 3px solid #0083B5;, kód vypadá takto:

$(".ref1, .ref1-2").hover(function() {
            $(".ref1 a img").stop().animate({ borderColor: "FFB600" }, 500);
            $(".ref1-2").stop().animate({ opacity: "1" }, 500);
        },
        function() {
            $(".ref1 a img").stop().animate({ borderColor: "#0083B5" }, 500);
            $(".ref1-2").stop().animate({ opacity: "0" }, 500);
        });

Jen ten border nefunguje, když ho vyměním třeba za opacity tak to funguje, nevíte co mám na tom špatně?

 
Nahoru Odpovědět
13.7.2014 11:49
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.