0

非表示関数と表示関数を1つのトグル関数に組み合わせて、コンテンツをフェードインまたはフェードアウトする方法を考えていました。この引数によってフェードメソッドが更新されると思います。

これは私のオブジェクトからjQueryを使用するJSの現在の取り組みですが、完全に間違っています。

toggleAlertOverlay: function (state) {
  var instance = this;
  if (state === hide) {
    instance.selector.fadeOut();
  }
  elseif(state === show) {
    instance.selector.fadeIn();
  }
},
toggleAlertOverlay(hide);
4

2 に答える 2

2

使ってみてください.fadeToggle()

.fadeToggle()メソッドは、一致した要素の不透明度をアニメーション化します。表示されている要素で呼び出されると、不透明度が0に達すると、要素の表示スタイルプロパティがnoneに設定されるため、要素はページのレイアウトに影響を与えなくなります。

$(<element>).fadeToggle();

<element>有効なセレクターはどこにありますか...。

于 2012-08-07T16:19:24.903 に答える
0
var toggleState = 'none';
toggleAllertOverlay: function()
{
    if(toggleState == 'none')
    {
        $('#element').fadeIn();
        toggleState == 'showing';
    }
    else
    {
        $('#element').fadeOut();
        toggleState == 'none';
    }
}

あなたが持っているものに基づいた単なる概念です。関数の外側の変数に注意してください。その外側にあるため、関数の完了時に破壊されません。しかし、それ以外にも、これがあなたに合わない場合に試すことができるさまざまな方法があります. jQuery まで (jQuery を含む)toggle()

于 2012-08-07T16:22:05.777 に答える