Discussion :

[olaxius]

Bonjour,

La première syntaxe est la syntaxe "orthodoxe" de jquery et elle fonctionne très bien ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(document).ready(function() {
        $("#orderedlist li:last").hover(function() {
                $(this).addClass("green");
        }, function() {
                $(this).removeClass("green");
        });
});

... J'ai essayé cette syntaxe et cela ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function f_Depart()
{
	$("#orderedlist li:last").hover(f_AddClass($(this)),f_RemoveClass($(this)));
}
function f_AddClass(v0Obj)
{
	v0Obj.addClass("green");
}
function f_RemoveClass(v0Obj)
{
	v0Obj.removeClass("green");
}

Pouvez vous me dire pourquoi
D'avance merci de vos réponses

[varex]

bonjour,

la fonction hover prend comme argument 1 ou 2 fonctions. donc, les appels à f_AddClass et à f_RemoveClass doit etre compris dans une fonction.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$("#orderedlist li:last").hover(
    function() {
        f_AddClass($(this));
    },
    function() {
        f_RemoveClass($(this));
    }
);

[olaxius]

merci de ta réponse mais cette syntaxe ne focntionne pas non plus
Oups ça fonctionne
Pour ceux que ça interresse voici la syntaxe alternative

$(document).ready(function() {f_Depart();})
function f_Depart()
{
$("#orderedlist li:last").hover(function() {f_AddClass($(this)) ;}, function() {f_RemoveClass($(this));});
}
function f_AddClass(v0Obj)
{
return v0Obj.addClass("red");
}
function f_RemoveClass(v0Obj)
{
return v0Obj.removeClass("red");
}