問題タブ [fadeto]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - feedToはIE9の内部divをフェードしません
IE9および以前のバージョンでフェードの問題が発生しています。chrome/firefoxで動作します。jsFiddleの例が提供されています。
絶対位置に配置された画像とdiv内のテキストを含むdivをフェードしようとしています。すべては、最初は非表示になっている外部divcomponent_statsbox_helperに含まれています。この要素をフェードインしようとすると、画像はきれいにフェードしますが、div内のテキストはすぐに表示されます。
http://jsfiddle.net/25Jbj/51/(IE で試してみてください!)
フェードするjqueryコード:
jquery - jQueryトグル不透明度
不透明度を取得して切り替えようとしています。基本的に、リストアイテムは不透明度がゼロに設定されているため、高さが保持されます。リストサブカテゴリのヘッドをクリックすると、空のリスト領域がリストアイテムの深さまでドロップダウンし、不透明度が切り替わり、リスト要素が表示されます。サブカテゴリのリストヘッドをもう一度クリックすると、リストアイテムの不透明度がゼロにフェードバックし、リスト領域が折りたたまれます。リストアイテムをそこに保持する必要があります。したがって、それらがDOMから削除される場合、hide、hideToggle、または同様の関数ではなく、不透明度メソッドを使用します。 http://jsfiddle.net/hotdiggity/zn6cz/10/
JQuery..。
現在、不透明度の切り替えが誤動作しており、点滅がオンとオフになっています。
jquery - マウスアウトのJqueryフェードアイコンがマウスアウト前の値に戻ります
このコードを使用すると、一部のアイコンがmouseenterで不透明度1.0にフェードし、mouseleaveで0.3に戻ります。これらのアイコンを別のレスポンシブビューで不透明度0.13に設定していることを除けば、うまく機能しますが、以下のコードでは、マウスアウトで0.13ではなく0.3にフェードバックします。これは私が望むものではありません。
以下のコードを試しましたが、なぜ機能しないのか理解できません。マウスリーブ時にアイコンを1.0のままにします
ちなみに、コンソールで確認したところ、var currentOpacityは正常に機能しているようですが、elseifステートメントの中には入っていないようです。多分私はスコープか何かについていくつかの誤解を持っています。
jquery - fadeTo() アニメーション効果の後のコードが機能しない
メニューjsfiddle リンクを作成し、 以下に示すコードに fadeTo() を適用しようとしていますが、4 行目はもう機能しません。私が提供したリンクのように、ホバーされた要素に影響を与えずにfadeToを適用するにはどうすればよいですか? 前もって感謝します。
jquery - jQueryを使用してdivをvisibility:hiddenに設定して表示するにはどうすればよいですか?
divをvisibilityに設定しています:後で表示したいCSSに隠されています。これが私がこれまでに持っているjQueryですが、機能していません:
次のことが順番に発生するはずです。
- ユーザーが「#start」をクリックすると「#start」がフェードします。(これは起こります。)
- ページの背景色が元の色から灰色に変わります。(これは起こります。)
- div'.menu'がフェードインするはずです(これは発生しません)。
私は何が間違っているのですか?違いが生じる場合、「。menu」は子divの束だけで埋められます。
jquery - jquery: フェードトをキャンセルしてからフェードイン
最初に表示された div があり、マウスが div を離れると 10 秒以上 (fadeto を使用して) ゆっくりとフェードアウトします。マウスが再び入ったら、fadeto をキャンセルし (まだ進行中の場合)、div をフェードインする必要があります。
ここで .stop() が私の救世主であることは知っています(と思います)。それはdivのfadeToを正しく停止しますが、私の人生ではfadeInを開始することはできません.
ここに私が持っているものがあります:
jquery - 同じクラスの div 間でホバリングするときのちらつきを停止します
クラスが動的に割り当てられた div の 3 つのグループがあります。ユーザーがいずれかの div にカーソルを合わせると、jQuery はクラスをチェックし、同じクラスの他のクラスをフェードします。これはうまく機能しますが、同じクラスの div 間を移動すると、毎回 jquery が起動するようです。おそらく、クラスを再チェックしてエフェクトを起動しているためです。
私の質問は、同じクラスの div 間を移動するときにちらつきを止めるにはどうすればよいですか?
div はすべて 1px のマージンで左にフロートされます。(ところでマージンを削除しようとしました)。
私のマークアップ:
そして、jQuery
そしてフィドル:フィドル