問題タブ [slidedown]
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.
javascript - キューに入れられたすべてのjQueryslideUpおよびslideDownアニメーションをキャンセルします
jQueryのslideUpおよびslideDownエフェクトを多用して、トライステートのような方法でアイテムを展開するインターフェイスがあります。
ただし、ユーザーがこれらのインターフェイス要素上でマウスをすばやく動かすと、アニメーションが維持できなくなり、マウスがインターフェイス領域を離れた後も、アイテムが上下にスライドします。
マウスがアイテムのコンテナdivを離れたときに、キューに入れられたすべてのスライドアニメーションをキャンセルする方法はありますか?
jquery - jQuery スムーズ スライド DIV 高さ
高さが 400px で ID が「content」の Div があります。次に、Div で slideToggle を実行し、さまざまな高さ (200px など) の Div にデータをロードしてから、別の slideToggle を実行します。私が得たのは、スライドが 400px に拡大してから 200px に戻ったことです。逆も同じで、200pxに拡大してから400pxにジャンプします。
これは私のコードです:
そこで、コンテンツ Div を上にスライドし、データをロードし、ロード後にスライドを下に戻す、このようなことができると考えました。これは上記の方法のようにジャンプするわけではありませんが、なぜかかなりぎくしゃくしています。
スムーズにスライドできるように、これを行うより良い方法があるかどうか誰か教えてもらえますか?
jquery - SlideDown 次にカスタム関数を呼び出します
関数が 2 回呼び出されている理由を理解するのが難しい。
ラジオ ボタンが呼び出されたとき (intRev_yes) を検出し、div が空かどうかを確認し、別の div を下にスライドさせてから、日付フィールドを動的に作成するカスタム関数を呼び出します。
各段階でアラートを出すと、最後 (つまり addIrField()) に到達した後、スクリプトは slideDown() セクションに戻って addIrField() を呼び出すようです。理由がわかりません。ループがありません。current
日付フィールドのインデックスとして使用されます。
jquery - jQueryクリックイベントを使用してdivを下にスライドさせ、次のdivをビューポートからプッシュします
jQueryをスライド#content2にして、#content1を置き換えて、#content1が実際に#content2によって押し下げられているように見せながら、ビューから削除する方法を理解しようとしています...
次に、#content2を#content1に置き換えるためにクリックされた同じボタンも、#content2を#content1に置き換えて、それらを上にスライドさせて互いに押して邪魔にならないようにすることで、逆の効果を行う必要があります...
私はjQueryにそれほど優れているわけではないので、これは間違った方法で行ったと確信していますが、これが私が試したことです。
});
jquery - ページが既に読み込まれている場合の jQuery スライドダウンの方法
詳細情報 div を下にスライドしようとすると、タイミングの問題が発生します。私の希望する機能は、ページが既にレンダリングされたら、div が上からスライドダウンすることです。私の問題は、 $(document).ready().. を使用すると、アニメーションが目に見えて発生しないことです。
これが私のコードです:
たとえば、他の要素のクリックにストラップすると、美しく機能します。しかし、ページがロードされた後にスライドダウンするようにする方法がわかりません。ありがとう!
javascript - slideDown() は、ラッパーのすべてをシフトします
私は現在、いくつかのサービス名があり、ユーザーが 1 つをクリックすると、jQuery がその下にそれを説明する対応する段落を表示する簡単なメニューを作成しています。私の jQuery コードは問題なく、まさに私が望んでいることを実行しますが、まだ解決していないバグが 1 つあります。
これらの見出しのいずれかをクリックすると、その説明が表示されるたびに、ページのラッパー内のすべてが Firefox で約 7 ピクセル左にシフトします。同じことが Google Chrome でも行われますが、量は測定していませんが、そうであると確信しています。無関係。
とにかく、slideToggle() コマンドを使用して非表示のパラグラフを表示しています。これは、slideDown が発生すると、すべての幅と「margin: 0 auto;」が何らかの形で変更されるためだと思います。私のCSSのラッパールールの設定は、この変更を補っています. この問題を解決する方法はありますか? インターネットで見つけた他のいくつかの修正を試みましたが、役に立ちませんでした。
これが私のコードの外観です。見やすくするために jsFiddle に置きます。より便利なものは何でも。助けてくれてどうもありがとう!
jquery - Dreamweaver で作成したサイトで簡単な jquery アニメーションを取得しようとしています
皆さん、別の質問です。最終的なプロジェクトのために、いくつかの基本的な jQuery を実行しようとしています。これを使用して、数か月前に Dreamweaver で作成した既存のサイトを変更します。
ただし、フレームワークをどのように入手しても、自分のコピーをホストするか、Google のような他の誰かにリンクするかは関係ありません。
自動生成された関数を含む既存の .js ファイル内に jQuery 関数呼び出しを含めています。また、jQuery 関数専用の新しい .js を作成しようとしましたが、まだ何も作成されていません。
これは漠然としていますが、ヒントはありますか?次のようなアニメーションを作成するために jQuery を使用するための別のフレームワークが必要ですか?
.fadeIn()
または.slideDown()
?
みんなありがとう!
jquery - ホバーすると上にスライドし、マウスが終了すると下にスライドするサブメニューを使用してJQueryメニューを作成しようとしています
私が本質的に何を求めているかを示すチュートリアルを持っている人を見つけましたが、デモは、サブメニューをメニュー項目の上にスライドさせるのではなく、下にスライドするサブメニュー用です。
チュートリアルへのリンクは次のとおりです。
http://www.darkscarab.com/blog/read.php?id=14
使用するjQueryスクリプトは次のとおりです。
slideUpをslideDownに切り替えたり、その逆を行ったりすると、スライドアップは十分に機能します(切り替えなくても機能します)。ただし、終了時に発生するはずのスライドダウンは実際には機能しません。 。これは、サブメニューが消えて、次にホバーしたときに下向きの軌道を終了するようなものです。
基本的に、それはすべてしゃっくりであり、非常に信頼性がありません。
誰かがこの初心者のための素晴らしいアイデアを持っていますか?
どうもありがとう!
jquery - JQUERYアニメーションでULの前にLIを付ける
私はULを持っており、アニメーションを使用してULの上部に新しいLIを動的に追加するように取り組んでいます。
私はこれまでに次のものを持っていますが、これは問題なく機能します:
#container
ULです
上記の問題は、UL全体を非表示にしてから、UL全体を下にスライドさせることです。アニメーション化するために、追加された新しいLIが必要です。
アイデア?thxs
jquery - JQUERY、固定高さのdiv(スクロールバー付き)スクロールバーが不要になるまでアニメーション化する方法は?
JQUERY、固定高さのdiv(スクロールバー付き)スクロールバーが不要になるまでアニメーション化する方法は?
CSSのheight:200px設定のページにdivがあります。これにより、DIVに垂直スクロールバーが表示され、ユーザーは一連のテキストをスクロールできます。
DIV内のすべてのコンテンツが表示されるまで、つまりスクロールバーがなくなるまで、DIVをアニメーション化して高さを拡大したいと思います。
私は次のことを試しました:
しかし、これが機能している間は機能しませんでした:
それに関する問題は、DIVのテキストサイズが可変であるということです。アイデア?
ありがとう