Forum PHP.pl > jak zapisać krócej funkcję w jquery?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jak zapisać krócej funkcję w jquery?

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

marcus755

10.07.2013, 11:50:52

[HTML] pobierz, plaintext 
$('#a').hover(function(e){
		e.preventDefault();
		$('#content-menu-dic ul li a#a').addClass('a1');
		$('#content-menu-dic ul li a#b').removeClass('a1');
		$('#content-menu-dic ul li a#c').removeClass('a1');
	});
	$('#b').hover(function(e){
		e.preventDefault();
		$('#content-menu-dic ul li a#a').removeClass('a1');
		$('#content-menu-dic ul li a#b').addClass('a1');
		$('#content-menu-dic ul li a#c').removeClass('a1');
	});
	$('#c').hover(function(e){
		e.preventDefault();
		$('#content-menu-dic ul li a#a').removeClass('a1');
		$('#content-menu-dic ul li a#b').removeClass('a1');
		$('#content-menu-dic ul li a#c').addClass('a1');
	});
[HTML] pobierz, plaintext

nospor

10.07.2013, 11:58:59

Kod

$('#a, #b, #c').hover(function(e){
        e.preventDefault();

        $('#content-menu-dic ul li a#a').removeClass('a1');
        $('#content-menu-dic ul li a#b').removeClass('a1');
        $('#content-menu-dic ul li a#c').removeClass('a1');
//$('#content-menu-dic ul li a#'+this.id).addClass('a1');
jQuery(this).addClass('a1');
    });

b4rt3kk

10.07.2013, 12:02:04

Prościej id a, b, c, itd. zastąpić nazwą klasą i wtedy wystarczy:

[HTML] pobierz, plaintext 
$('.class').hover(function(e){
e.preventDefault();
$('.content-menu-dic ul li').removeClass('a1');
$(this).find('.content-menu-dic ul li').addClass('a1');
});
[HTML] pobierz, plaintext

Z kodem HTML byłoby prościej, bo tak to nie wiem jakie masz zależności.

marcus755

10.07.2013, 13:46:07

Dzięki:-)
Jesteście Wielcy:-)

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.