問題タブ [slideup]

jQueryのslideUpおよびslideDownエフェクトを多用して、トライステートのような方法でアイテムを展開するインターフェイスがあります。

ただし、ユーザーがこれらのインターフェイス要素上でマウスをすばやく動かすと、アニメーションが維持できなくなり、マウスがインターフェイス領域を離れた後も、アイテムが上下にスライドします。

マウスがアイテムのコンテナdivを離れたときに、キューに入れられたすべてのスライドアニメーションをキャンセルする方法はありますか？

高さが 400px で ID が「content」の Div があります。次に、Div で slideToggle を実行し、さまざまな高さ (200px など) の Div にデータをロードしてから、別の slideToggle を実行します。私が得たのは、スライドが 400px に拡大してから 200px に戻ったことです。逆も同じで、200pxに拡大してから400pxにジャンプします。

これは私のコードです：

そこで、コンテンツ Div を上にスライドし、データをロードし、ロード後にスライドを下に戻す、このようなことができると考えました。これは上記の方法のようにジャンプするわけではありませんが、なぜかかなりぎくしゃくしています。

スムーズにスライドできるように、これを行うより良い方法があるかどうか誰か教えてもらえますか?

問題のコードは次のとおりです。

要するに、私はこれらの.infoListクラスを持っており、ID名はnav li IDに関連付けられています。そのリスト項目の ID は、たとえば nav_testsHistory のようになります。すべてのコンテンツ ボックスがクラス名で非表示になっているため、この JavaScript を使用すると、上下にスライドする効果が得られます。

しかし、3 番目のコンテンツ ボックスは、3 番目のボックスを押した後、2 番目のボックスと同様にちらつきます。不要な2回目の上下スライド。

次のようなアラートを追加すると:

アラートが 3 回発生する!?

そのため、私の調査は、イベント バブルについて読むことになりました。私が見つけられないのは、それが発射されたかどうかを確認する方法です。入力値を設定して、ネストされたスライダー アクションの周囲で tf テストを実行しようとはしていません。それは粗雑だからです。

詳細については、上記のすべてのコードは関数内にあり、ドキュメントの準備ができたときに呼び出される init() 関数内にあります。jquery 1.3.2 以外の js ファイルはこれだけです。

皆さんはどう思いますか？

jQueryをスライド＃content2にして、＃content1を置き換えて、＃content1が実際に＃content2によって押し下げられているように見せながら、ビューから削除する方法を理解しようとしています...

次に、＃content2を＃content1に置き換えるためにクリックされた同じボタンも、＃content2を＃content1に置き換えて、それらを上にスライドさせて互いに押して邪魔にならないようにすることで、逆の効果を行う必要があります...

私はjQueryにそれほど優れているわけではないので、これは間違った方法で行ったと確信していますが、これが私が試したことです。

}）;

スライドアップを終えた後、コンテンツの奇妙なフラッシュがあります。私は追加しました：

コードの先頭に移動しますが、ページ全体がジャンプしてスライドダウンが発生します

私の解決策は何ですか？

これが念のための私のコードです：

私はjquery（または実際にはjavaスクリプト）の経験はありませんがimg id=mike、ページが読み込まれたときに画像（...）をスライドさせようとしています。

jqueryのドキュメントを調べてGoogleクエリを試した後、これまでにこれを思いついた

そして、CSSdisplay:hiddenを適用して、ページの読み込み時にスライドインするまで非表示のままにします。

ただし、ページをリロードしない限り、これは機能しないようです。

誰かがこれで私を助けてくれることを願っています:)

私が本質的に何を求めているかを示すチュートリアルを持っている人を見つけましたが、デモは、サブメニューをメニュー項目の上にスライドさせるのではなく、下にスライドするサブメニュー用です。

チュートリアルへのリンクは次のとおりです。

http://www.darkscarab.com/blog/read.php?id=14

使用するjQueryスクリプトは次のとおりです。

slideUpをslideDownに切り替えたり、その逆を行ったりすると、スライドアップは十分に機能します（切り替えなくても機能します）。ただし、終了時に発生するはずのスライドダウンは実際には機能しません。 。これは、サブメニューが消えて、次にホバーしたときに下向きの軌道を終了するようなものです。

基本的に、それはすべてしゃっくりであり、非常に信頼性がありません。

誰かがこの初心者のための素晴らしいアイデアを持っていますか？

どうもありがとう！

テーブルがあり、行を削除すると、slideUp でアニメーション化されます。

このトリックを使用して、行でslideUpを使用しました：animation -table-rows-with-jquery

すべての列が表示されている場合は問題ありませんが、列を非表示にすると、アニメーションなしで行が削除されるだけです。スライドアップからしたら正常な動作だと思いますが、animateで動作させるコツはありますか？td が隠されているかどうかをテストすることを考えていましたが、何もしないでください。

私は 4 つの div を持っており、ナビゲーションをクリックすると、そのうちの 1 つを表示し、他のものを非表示にしたいと考えています。私はそれを機能させていますが、私が知っているほどスムーズではないと感じています。間違いなく私のコードはリファクタリングが必要です! これが私が持っているものです。

スムーズなスライド効果が必要ですが、何が間違っているのか理解できません。私は次のことを試しました

このスムーズな効果を実現するために私が間違っていることはありますか