Forum PHP.pl > [jQuery] Poważny problem z hoverem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Poważny problem z hoverem

Forum PHP.pl > Forum > XML, AJAX

Artu123

22.08.2009, 19:28:29

Kod

$("ul#Menu li p").hover(function() {

Mam dwa podobne kody z tą samą funkcja hover , 1 funkcja działa , a druga już nie .

Mamy np.

Kod

         $("ul#Menu").hover(function() {

             alert('to jest menu');

         });

         $("ul#Menu1").hover(function() {

             alert('to jest menu1');

         });

To tylko będzie działać alert (to jest menu) po najechaniu na element ul#Menu . Koniecznie musze miec dwa razy tą funkcje hover . Pomóżcie .

vokiel

22.08.2009, 20:05:57

A pokaż kod HTML
I napisz co Co chcesz osiągnąć, bo teraz jakoś nie do końca rozumiem w czym problem... Jeśli drugie menu ma id="Menu1" a pierwsze Menu, i pierwsze działa, to drugie też powinno.

Artu123

22.08.2009, 20:08:46

Kod

              $("ul.NewsDniaPrzelacznik li").hover(function() {

             var element_index = $("ul.NewsDniaPrzelacznik li").index(this);

             $("div.NewsDnia").css("display", "none");
             $("div.NewsDnia").eq(element_index).css("display", "block");
             $("ul.NewsDniaPrzelacznik li").removeClass("Active");
             $("ul.NewsDniaPrzelacznik li").addClass("NotActive");
             $("ul.NewsDniaPrzelacznik li").eq(element_index).removeClass("NotActive");
             $("ul.NewsDniaPrzelacznik li").eq(element_index).addClass("Active");

             clearInterval(newsy2);

         });

         $("ul#Menu li p").hover(function() {

             var element_index1 = $("ul#Menu li p").index(this);

             $("ul#Menu li ul").css("display", "none");
             $("ul#Menu li ul").eq(element_index1).css("display", "block").css("opacity", "0");
             $("ul#Menu li ul").eq(element_index1).animate({opacity: "1"}, 500);
             $("ul#Menu li p").css("display", "block");
             $("ul#Menu li span").css("display", "none");
             $("ul#Menu li p").eq(element_index1).css("display", "none");
             $("ul#Menu li span").eq(element_index1).css("display", "block");

         });

1 działa drugie nie , jak przy 1 zmienimy hover na click to 1 i 2 działa .

ShadowD

22.08.2009, 20:59:23

A możesz podać link do strony z tym problemem?

Kolega prosił o podanie kodu html a nie js!

Artu123

22.08.2009, 21:20:33

Kod

         $("ul.NewsDniaPrzelacznik li").hover(function(){

             var element_index = $("ul.NewsDniaPrzelacznik li").index(this);

             $("div.NewsDnia").css("display", "none");
             $("div.NewsDnia").eq(element_index).css("display", "block");
             $("ul.NewsDniaPrzelacznik li").removeClass("Active");
             $("ul.NewsDniaPrzelacznik li").addClass("NotActive");
             $("ul.NewsDniaPrzelacznik li").eq(element_index).removeClass("NotActive");
             $("ul.NewsDniaPrzelacznik li").eq(element_index).addClass("Active");

             clearInterval(newsy2);

         },function(){
         });

         $("ul#Menu li p").hover(function(){

             var element_index1 = $("ul#Menu li p").index(this);

             $("ul#Menu li ul").css("display", "none");
             $("ul#Menu li ul").eq(element_index1).css("display", "block").css("opacity", "0");
             $("ul#Menu li ul").eq(element_index1).animate({opacity: "1"}, 500);
             $("ul#Menu li p").css("display", "block");
             $("ul#Menu li span").css("display", "none");
             $("ul#Menu li p").eq(element_index1).css("display", "none");
             $("ul#Menu li span").eq(element_index1).css("display", "block");

         },function(){
         });

Teraz tak wygląda mój kod i działa , nie wiem w czym problem był .

ultra_18

24.08.2009, 10:11:44

Powinien działać alert w obu przypadkach z tym że w ty powinieneś chyba użyć mauseenter lub mauseover bo hover powinien przyjmowac 2 parametry over i out.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.