javascript - Jquery/javascript 関数の問題

Question

いくつかのアニメーションを実行する JavaScript 関数があり、そのパラメーターは親セレクターです。

function myFunction(a)
{
$("'"+a+">#one'").stop(true, true).animate({left:'30px'},1100);
$("'"+a+">#two'").stop(true, true).animate({left:'30px'},1100);
}

次の行はその関数を呼び出しています。

$("#main").mouseleave(myFunction("#main"));

しかし、これは機能していません。誰かが私のコードで何が間違っているのか教えてもらえますか?

Answer 1

セレクターが正しく連結されていません。jquery 関数は、セレクター引数として文字列を受け取ります。一重引用符で囲む必要はありません。

function myFunction(a)
{
    $(a+">#one").stop(true, true).animate({left:'30px'},1100);
    $(a+">#two").stop(true, true).animate({left:'30px'},1100);
}

Answer 2

mouseLeave関数は、関数をパラメーターとして受け取ります。実行された関数 (パラメーターを持つ関数) を渡しているため、関数の結果がパラメーターとしてmouseLeave(関数自体ではなく) に渡されます。

myFunction新しい匿名関数で関数を呼び出す別の関数をラップする必要があります。

作品が正しいと仮定すると、次のmyFunctionようなものが必要です。

$("#main").mouseleave(new function() {
    myFunction("#main");
});

Answer 3

これを試して -

$(a+" > #one").stop(true, true).animate({left:'30px'},1100);
$(a+" > #two").stop(true, true).animate({left:'30px'},1100);