Diskuze: This na jiný prvek

JavaScript JavaScript This na jiný prvek

Avatar

Člen
Avatar
:

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
:

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.