問題タブ [jquery-animate]
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 - Jqueryは非表示と表示をアニメーション化します
リンクをクリックすると、2つのことが同時に起こります。私はゆっくりとJqueryのドキュメントを調べていますが、まだ何が必要かをまだ学んでいません。
これが私のサイトへのリンクです
サービスリンクをクリックすると、#slideshow
div
を非表示にし、新しいdivを置き換えます。
サービスリンクをクリックするとスライドショーがアニメーション化されるようにしようとしましたが、アニメーション化機能を実行するか、リンクされたhtmlページに移動します。両方ではありません。どうすれば両方を達成できますか。
同じページでdivを非表示にして表示するだけなのか、新しいhtmlページに移動するのかは関係ありません。アニメート機能を持たせて、隠しながら内容を変えたいだけです。
これは私が使用しているjqueryコードです
ホームとサービスは2つのリンクです。クリックするとサービスが表示され、が非表示に#slideshow
div
なりslideshow2
div
、最初のリンクが置き換えられます。
かなりの量のhtmlがあるので、リンクから私のソースを表示する方が簡単かもしれません。
jquery - jqueryハイライトフェージング-タイムアウトの問題
1ページに2セットのboxexがあります。クラス「boxOne」に属する10個のボックスとクラス「boxTwo」に属する別の10個のボックス
ボタンがあります。ボタンをクリックすると、jquery効果を使用して、クラス「Boxone」および「Boxtwo」に属するすべての要素の背景色を強調表示してからフェードします。
以下はコードです。
ボタンをクリックすると、すべてのボックスが指定された色で強調表示されます。問題は、これらのボックスの一部がフェードアウトしない場合があることです。それらの背景は強調表示されたままです。これは、一貫性がない場合に発生することがあります。一貫した振る舞いが欲しい。
setTimeOut()関数がそのクラスに属するすべての要素に均一に適用されていないことがわかります...それは少数の要素にのみ適用されます
。
jquery - フェイスブックイーズエフェクトw/jquery
ニュースフィードに更新をAJAXでロードするときに、Facebookが今日実装する「イーズダウン」効果を作成する方法を誰かが推奨できますか?(「load x new news feed articles
」と表示されている場合)を使用するprepend
と、新しいアップデートが一度に挿入されます。
新しい着信アップデートのためのスペースを確保するために、古いアップデートをスムーズに緩和/スライドダウンする方法を探しています。
ありがとう。
jquery - アニメーションが完了するまで関数を待機させるにはどうすればよいですか?
小さなアニメーション作業にJQueryを使用しました。テーブルには9枚の写真が含まれており、マウスオーバーの関数を#photos
使用して幅と高さを増やしたいと思います。animate
ただし、アニメーションの実行中にユーザーがマウスを別の写真に移動すると、次のアニメーションが自動的にトリガーされるため、完全に混乱します。私は何をすべきか?私のコードは次のとおりです。
javascript - jQueryは問題をアニメーション化します
次のスニペットを使用して要素の背景を水色にし、30秒かけてゆっくりとフェードして白っぽくします。
2つの質問。
まず、白にフェードする代わりに、不透明度を100%にフェードする方法はありますか?そうすれば、ページの背景色を変更することを選択した場合、「白」を変更する必要はありませんか?
次に、10回または15回に1回程度、背景は水色のままで、白にフェードしません。最新バージョンのjQueryとUIコアを使用しています。何がうまくいかない可能性がありますか?
編集:バウンティは、2番目の質問に関する問題の解決策です。
EDIT2:
どうやら私は自分の解決策を転がしたと言ったがそれを示さなかったので、忘却に反対票を投じたようです。私の悪い。私は自己宣伝したくありませんでした。私のコードは100%動作し、jQueryを必要としません。デモンストレーションとコードは次の場所にあります。
http://prettycode.org/2009/07/30/fade-background-color-in-javascript/
jquery - 再開時にアニメーションが非常に遅くなるのはなぜですか?
コンテナの「scrollLeft」をアニメーション化して、一種の「マーキー」効果を生成するjQueryアニメーションがあります。
コンテナにマウスオーバーするとアニメーションが停止し、マウスを離すと再開するように設定しました。
マウスをアニメーションの上に移動してからアニメーションから外すと、非常に遅い速度で再開しますが、1 分ほどすると徐々に速度が上がります。
この問題はなぜ発生し、解決できるのでしょうか?
PS。要求された startAnimation 関数は次のとおりです。
jquery - jQuery-アニメーション化/高さまでスライド:100%
私はここに単一のコードを持っています:
これで、最初の「トグル」としてクリックすると、(アニメーションなしで)瞬時に表示され、2番目の「トグル」をクリックすると、うまくスライドします。
その素敵なアニメーションで100%までスライドさせる方法はありますか?
jquery - jQuerys .animateメソッドはどのように機能しますか(JavaScript)?
ソースを調べるのは、すべて複雑な配列を使用しているため悪夢ですが、実際には何も実行しないコードは表示されません。
何か案は?
javascript - jQuery-.animate complete:callbackによって呼び出された関数のプロパティにアクセスできません
ポップアップを表示し、しばらくすると非表示にする次のコードがあります。
アニメーションが完了すると、関数_myFunctionが正しく起動しますが、プロパティを表示できません。
_showingというプロパティをfalseに設定したいと思います。
これは私のコントロールのためのいくつかのより説明的なコードです:
.animateイベントの完了後に_showingプロパティを更新するにはどうすればよいですか?