16

アカウント管理ページに設定とオプションを含む div があります。

$("#moreOptions").slideToggle('slow');
if ($("#moreOptions").is(":visible") == true) {
    $("#lnkMoreOpt").text("Less Options «")
}
else {
    $("#lnkMoreOpt").text("More Options »")
}

上記のコードは、表示されているかどうかに応じてオプションの増加/減少リンクのテキストを変更する必要がありますが、jQuery はトグルを非表示/表示として処理しないようです。

トグル機能を使用しながらこれを実装するにはどうすればよいですか?

4

3 に答える 3

45

コールバック関数を使用する必要があります。if ステートメントが評価されるまでに、slideToggle は完了せず、誤った結果が得られます。

$("#moreOptions").slideToggle('slow', callbackFn);

function callbackFn(){

     var $link = $("#lnkMoreOpt");

     $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");


}
于 2009-07-28T11:12:14.380 に答える
1

1つの関数を2回使用する必要がない場合、コードの無駄になるため、個別の関数を使用しないことを好みます..誰かがそれに来ると、これは理解しやすいと思います..

$("#moreOptions").slideToggle('slow', function(){
     var $link = $("#lnkMoreOpt");
     $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");
});
于 2013-03-03T11:29:46.987 に答える