問題タブ [slide]

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.

0 投票する
3 に答える
18408 参照

jquery - 次の要素を切り替える (jQuery)

HTML:

jQuery:

...なぜ機能しないのかわかりません。

0 投票する
2 に答える
2683 参照

jquery - jQuery Slider ハンドルを所定の位置にロックするにはどうすればよいですか?

2 つのハンドルを持つ jQuery スライダーがあります。2 番目のハンドルに基づいて、最初のハンドルを所定の位置にロックしようとしています。

スライドイベントの値を確認してから、最初のハンドルをロック位置に戻そうとしましたが、基本的に設定した内容を無視してスライドを続けます。

停止イベントで動作するようになりましたが、非常に扱いにくいです。

サーバーサイドから生成された JSON オブジェクトを使用して、スライダーを設定しています。これは停止イベントの私のコードです:

誰にもアイデアはありますか?

詳しく説明する必要がある場合はお知らせください。

ありがとう!ダニエル・ブリューワー

0 投票する
1 に答える
2728 参照

wpf - スタックパネルのアイテム追加アニメーション

私は、マーキー スタイルの画像スクロール コントロールにしばらく苦労してきました。

しばらくの間、私はテンプレート化された ItemsControl に行き詰まりました:

ItemsControl は ObservableCollection にバインドされているため、実行時に項目を追加できます。項目が画面外になるとすぐに、ObservableCollection から削除されます。

最後に行うことは、カスタム アイテム追加動作の実装です (insert-translateothers 動作の代わりにスムーズなスライドイン)。そのような効果を達成するために StackPanel から派生させますか、それとも現在追加中の項目で DoubleAnimation を実行しますか? 任意の提案をいただければ幸いです。

0 投票する
1 に答える
2103 参照

jquery - コールバック関数を使用して特定の方向にスライド効果のある要素を非表示にするにはどうすればよいですか?

私はJQueryを使用して、次のようなスライド効果を持つ要素を非表示にしています。

これは正常に機能しますが、要素を左にスライドさせます。右にスライドしたいのですが、これを行う方法の例/構文が見つかりません。

0 投票する
3 に答える
1410 参照

jquery-validate - jqueryスライディングタブ「副作用」

私はこのページをコーディングします。スライド機能を備えたタブです。ここ では効果がとても気に入っていますが、長いタブ(たとえば仕様)を表示すると、小さいタブ(ダウンロード)に移動して大きいタブを再度クリックすると、ユーザーはもう一度下にスクロールします...

タブが押された後、ページを最大で下にスクロールし続けるように指示する何かをjqueryすることは可能ですか?

0 投票する
1 に答える
1364 参照

jquery - この JQuery スライド アニメーションに DIV の高さの問題があるのはなぜですか?

メイン コンテンツの div (テキスト、フラッシュ、または画像を含む) を数秒間部分的に表示するページに JQuery スライド リビール エフェクトを追加し、アニメーション化して完全なコンテンツ div を表示します。スクリプト化されたアニメーションは、ページ上の「.slide」クラス div に追加されます。このページには、テキストやその他の要素が配置されている量に基づいてさまざまな高さがあります。IE6 と FF 3 でテストしたところ、「ある程度」動作します。大丈夫。

ただし、IE7 でアニメーションをテストしても、div が完全には明らかにならず、コンテンツのほとんどをカバーしていません。また、他のブラウザでも誤ったカバーアップやクロップが発生することがあるため、スライドを表示する div アニメーションが完全に開かないことがあります。

ブラウザは、スペース、パディング、行の高さなど、含まれるすべてのコンテンツで div の全高を正しく計算していないと思います。

スクリプトが正確なdivの高さを取得し、アニメーションが正しい位置にスライドするように、これを適切に機能させる方法はありますか?

関連するスライド ページ

関連する JQuery コード:

0 投票する
3 に答える
567 参照

jquery - jqueryフォトスライド

私は画像を持っています、それにカーソルを合わせると左右の矢印を見ることができます...矢印をクリックするとjqueryを使用して画像のソース属性を変更しています...だから私は画像を変更することに成功しています矢印をクリックします。スライドショーの感触をどのように取得しますか...左矢印をクリックすると、現在の画像が右にスライドし、新しい画像が左からスライドするアニメーションパット...助けてくださいこれ...既存のプラグインを使いたくない...よろしくお願いします...

0 投票する
4 に答える
2769 参照

javascript - Jqueryドロップダウンメニューの望ましくない「点滅」?

私は次のJqueryを持っています:

基本的には、ドロップダウンを含むネストされた「リスト」のメニューを展開または折りたたみます(簡略化された例)。

ドロップダウンのいずれかで大きな値が選択されている場合を除いて、コードは完全に正常に機能します。その時点で、クリックすると、メニューは正しく展開/折りたたまれますが、そうしている間、要素全体が何らかの方法でリセットされているかのように、すばやく「点滅」します。データ自体は問題ありませんが、不要なのは点滅です。

奇妙なことに、ドロップダウンで小さな値を選択すると、点滅しません。大きな値を選択すると(たとえば、18〜99歳のドロップダウンで30を超える場合)、点滅が始まります。

なぜこれが起こっているのか誰か教えてもらえますか?または、これを引き起こしているJqueryについて何か正しくないことがあるかどうか。

ありがとう。

アップデート:

これに賞金を追加します。ネット上でいくつかの同様のプラグイン/ソリューションを試しましたが、デフォルトで大きなドロップダウン値が選択されている場合、それらはすべてこの「点滅」の問題に悩まされているようです。

それが役立つ場合は、典型的な同様の解決策があります:http ://www.i-marco.nl/weblog/jquery-accordion-menu/index_collapsed.html# ...しかし、ドロップダウンが内部に追加されると、同じ問題が発生します。アコーディオン。

どういうわけかこれをハックする必要はなく、誰かがクリーンな解決策を持っていることを願っています。

0 投票する
1 に答える
94 参照

jquery - 。アニメーションの質問/ヘルプ

それで、これまでにこのナビゲーションバーを作成しましたが、自分が考えていることを実現できるかどうかさえ知りたいです。現在、各リンクにカーソルを合わせると、リンクがドロップダウンします(パディングが増加します)。

さて、私が興味を持っているのは、「test1」とカーソルを合わせると、test2-4も一緒にドロップしますが、ドロップダウンから作成されたパディングに「test1」の情報が表示されます。ユーザーがそこにある情報をクリックまたは読み取ることができるようにします。また、ユーザーが希望する場合は、マウスをtest2に移動すると、すべてがtest2フィールドにあるものにアニメーション化され(不透明度、これは私ができると思います)、test3も同じことを行います。

私はこれであまり成功していません。以前に完全に別のパネルを作成しましたが、それが正確に機能しなかったか、正しく実行していませんでした。

これが私が取り組んできたものです、どんな助けでもいただければ幸いです!ありがとう!

0 投票する
3 に答える
1358 参照

jquery - jQuery スライド効果

ナビゲーション用のスライド効果を探しています。しかし、私の意見では、jQuery のスライド効果は少し奇妙であるか、または私のニーズにあまり合っていません。リスト項目は表示されますが、slideDown、slideUp、toggleSlide 効果を適用するとアニメーション化されません (コンテナーはアニメーション化されるだけです)。リスト項目もアニメーション化したいと思います。

この例を見つけました: http://www.creative-exposure.co.uk/

誰かが私を助けてくれれば、本当に感謝しています。

あなたの正直なところ