問題タブ [fadeout]

ユーザーがリンクをクリックするたびにフェードインおよびフェードアウトする折りたたみ可能なグリッドがあります。問題は、ユーザーがリンクを非常にすばやく複数回クリックすると、複数のグリッドが開いてフェードアウトしないことです..この問題は IE ではなく Firefox でのみ見られます。

私は次の順序付けられていないリストを持っています：

一方、現在のページの「実際のページは変数名です」というカウンターがあります。

Jquery imを使用すると、ユーザーがこの2つのボタンをクリックしたときに、実際のページのカウンターに応じて、li要素をフェードアウトおよびフェードインしようとします。

フェードアウトとフェードインに使用している行は次のとおりです。

効果は機能していますが、ちらつき効果があるため、アイテムはフェードアウトし始めますが、しばらくの間、リストの高さのスペースが大きくなります。フェードインが完了すると、リストは元の高さのサイズに戻ります。

何が問題なのか、どうすれば解決できますか？

前もって感謝します。敬具。ホセマ。

次のような HTML 構造があります。

そして、フェードイン/アウト効果のための小さな jQuery コード スニペット:

a#zoom最後に、要素にカーソルを合わせたときに要素を表示したいと思いul#carousel li aます。ただし、フェードイン/アウト効果には奇妙な点があります。

これは私の作品ページです。オンラインでご覧いただけます。

では、どうすればこの奇妙さを修正できますか?

アニメーションの発生中にリスト項目がクリックされないようにしています。したがって、クリック ハンドラーの上部で、次のようなことを行いたいと考えています。

上記の if ステートメントの 'bang' (!) に注意してください。テストはしていませんが、これでうまくいくと思います。私が確信していないのは、「.is(:animated)」が、fadeIn() および fadeOut() によってアニメーション化されている要素に対して実行されたときに true を返すかどうかです。jQuery には .animate() 関数があることは知っています。その関数を使用してアニメーション化された要素に対して :animated が確実に機能すると思いますが、fadeIn() および fadeOut() を使用する要素でも機能しますか? ありがとう。

更新:いくつかの劇的な誤投稿の後、すべてがうまくいっているように見えます。すべての素晴らしいフォローアップと編集の返信者に感謝します. 最終的に、jQuery ソースは .animate() を使用してこれらの効果を実現しているため、:animated は、fadeIn() および fadeOut() を使用してアニメーション化された要素と一致することがわかりました。私の最終チェックは、最初に投稿されたとおりでした：

..いくつかの例で提案されているように .not() を使用するのではなく (ただし、これらは現在投稿されているとおりに機能すると思います)。再度、感謝します。

dojoフェードアウト後にチェックボックスで指定された複数のノードを削除しようとしています。ノードは単純なHTMLtr要素です。以下を実行するボタンにonclickイベントがあります。

1つのノードで正常に機能します。2つ以上のノードを選択すると、選択したすべてのノードが同時にフェードアウトしますが、最初の2つのエラーを報告している間、最後に選択したノードのみがDOMツリーから削除されます。

Firebugコンソールの出力：

フェードアウト後にツリーから選択したすべてのノードを削除する方法はありますか？

したがって、マウスを div logo1の上に移動すると、div content1フェードインを作成しようとしています。マウスがlogo1の上になく、コンテンツ div の可視性が CSS に隠されている場合、content1はフェードアウトする必要があります。logo2 3 と 4 も同様

このコードを試してみましたが、うまくいきませんでした (フェードインを使用した後に追加する場所がわからないため、フェードアウトを追加しませんでした)

私のコードの何が問題になっていますか? これを行う簡単な方法はありますか？ワンイベントでできるの？

編集：

ここにHTMLテゲリルがあります

JavaScript ビット

そしてCSS

別のdivがクリックされたときにdivをフェードインし、別のdivがクリックされたときに再びフェードアウト(閉じるボタン)しようとしていますが、コードが機能しません。何か忘れましたか?

CSSは次のとおりです。

HTML:

そしてJavaScript

このコードを使用して、ロールオーバーするサムネイルに基づいて div を非表示および表示しています。

スクリプトはサムネイルから name 属性を取得し、対応するクラスで div を表示します。各 div は .infodiv クラスを共有しますが、各サムネイルに固有のクラスもあります。

機能は基本的に私が望むところですが、サムネイルをすばやくスクロールすると、一部の div が一種の半分フェードイン状態でスタックし、一度ロールオーバーしない限り動作を停止します-その後、フェードインが遅くなり、使用可能になりますまた。

私はjQueryに少し慣れていないので、助けていただければ幸いです。

現在 . hide() を呼び出している Element オブジェクトがあります。代わりに、おそらく 500 ミリ秒または 1000 ミリ秒のトランジション効果として、要素全体 (およびその子) の不透明度を 100% (非表示) にフェードアウトしたいと思います。

これに Fx.Tween を使用できますか? これは可能ですか? MooTools フレームワークは UI ライブラリでこのような効果を持っていますか?

Jqueryパズル

フォルダからランダムなjpg画像の名前を返すphpスクリプトがあります。画像の名前をまったく変更する必要がないので便利です。それらをフォルダーにドロップするだけで、ランダマイザーが機能します。今のところ、私はこのようなスクリプト（http://mydomain.com/images/rotate.php ）を呼び出し 、単純なWebページのリロードで画像を交換します。

ただし、10秒程度の間隔で新しい画像の画像を交換し、フェードインおよびフェードアウトするという点で、jQueryで機能させたいと考えています。

1/23/10を編集：

これは、spacer.gifを交換することで機能します。もっとエレガントな解決策があるかもしれませんが、これは私にとってはうまくいきます。Munchは、MidnightLightningのアイデアによって、それを理解しました。

そしてこれはrotate.phpです：