問題タブ [jquery-easing]

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 投票する
1 に答える
2218 参照

jquery - Coda Slider と Fancybox の衝突

Coda Slider と Fancybox に問題があります。Fancybox を使用して Iframe 内に外部サイトをロードします。Coda Slider はスタートページのコンテンツ スライダー用です。

Coda Slider の Head で jquery-easing Plugin を呼び出すと、Fancybox が機能しません。jquery-easing-1.3 へのリンクを削除すると、Coda Slider は例外をスローしますが、Fancybox は完全に動作します

ここにいくつかのコードがあります:

なぜこれがうまくいかないのかわかりません:)みんなが知っていることを願っています=)

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

jquery - プラグインを使用しない jQuery イージング関数

jQuery で使用できるカスタム イージング関数のオンライン リストを探しています。

これにプラグインを使用することに興味はありませんし、jQuery UI も使用していません。

以下に、少しバウンスするものを見つけましたが、いくつかのオプションを用意できるように、他のいくつかを探しています.

他の機能の代わりに、これがどのように動作し、変更される可能性があるかについての簡単な説明は素晴らしいでしょう. ありがとうございました!

例:


編集#1:

すべての jQuery UI イージング関数のオンライン デモを次に示します。UI からのソース関数は、Jake による正解で以下に掲載されています。

http://api.jqueryui.com/easions/


編集#2:

上に投稿したイージング関数の例は、jQuery UI の「easeInOutBack」とまったく同じであることがわかりました。


編集#3:

無料でダウンロードできるスタンドアロンのイージング方程式をいくつか紹介します...

http://www.robertpenner.com/easing/

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

jquery - IE7 と jquery アニメーションに関する奇妙な問題: jquery 1.3.2、coda-slider 2.0、および jquery.easing 1.3 の使用

Coda-Slider 2.0 (http://www.ndoherty.biz/tag/coda-slider/) を変更して、ハードコーディングされたピクセル幅ではなくパーセンテージ ベースの幅を使用して、流動的なサイズ変更を可能にしようとしています。パネル 1 に戻ろうとしたときの IE7 の小さな不具合 (Firefox はこの動作を示しません) を除いて、私はそれを素晴らしく動作させました。

coda-slider 2.0 に付属するデフォルトの index.html を実行すると、すべてが IE7 で正常に動作します。次に、デフォルトのテキストの代わりに画像をサブスクライブしますが、これも問題なく機能します。次に、パーセンテージ幅を使用するように CSS と JS を変更しました。これは、最初のパネルに戻ろうとする場合を除いて、うまく機能します。パネル 1 とパネル 2 の中間に即座にジャンプし、アニメーションでパネル 1 に戻ります。

これは、私が設定したテスト サイトで確認できます。

http://www.lootcorp.com/animateissue/

私が使用している変更された Coda-Slider JS ファイルのソースは以下のとおりです。注: デバッグを簡単にするために、不要なコードをすべて取り除きました。

問題は次の行に関連付けられています。

アニメーションが値として「0%」をフィードするのが気に入らないのではないかと思ったので、パネル 1 を選択したときに「0」と「0px」をフィードしてみましたが、結果は同じでした。最終結果は正しいです - 最終的に div は margin-left: 0 に適切に配置されますが、そうする前にパネル 1 と 2 の中間の位置にスキップする理由がわかりません。(パネル 4 から 3 または 2 へのアニメーションは正常に動作します)。「margin-left」の代わりに「left」を使用してみましたが、結果は同じでした。

バグまたは愚かな、見落とされた間違い?どんなアドバイスでも大歓迎です!!

js ファイル ソース:

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

javascript - jQueryの弾性緩和方程式

このjQueryイージング関数を変更して、誇張されていないバウンスを生成するにはどうすればよいですか?

これをエミュレートするイージング関数を作成しようとしています。

http://sandbox.scriptiny.com/tinyslider2/

tinyslider2は、次のような同様の関数を使用します。

しかし、tinyslider2の方程式をjQueryのイージング形式に適合させるために、今日の数学に頭を悩ませているようには思えません。誰かが私に例を示すことができれば、私はそれをとても感謝します。

アップデート

この方程式は非常に近いです:

最初のバウンスなしで、最後のバウンスだけが必要です。

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

jquery - シンプルな HoverIntent メニューに JQuery Easing を追加するにはどうすればよいですか

  • Hover Intentを使用する簡単なメニューを作成しました。
  • これがメニューです(JQueryEasingがリンクされています)。
  • 現時点では.animate、メニュー項目の開閉をアニメーション化するために使用されています。

このモーションに JQueryEasing を追加するにはどうすればよいですか (jswing や Elastic など)。

どんな助けでも大歓迎です。

0 投票する
0 に答える
126 参照

jquery - jQueryイージング - フォームがタブにならない原因は?

次のプラグインを使用しています。

http://code.google.com/p/jquery-swip/source/browse/trunk/jquery.easing.1.3.js?r=4

それが私たちのサイトにあるとき、フォーム内の入力ボックス間をタブで移動することはできません。

最新のリリースを使用しています - http://gsgd.co.uk/sandbox/jquery/easing/

他の誰かがこれに出くわしましたか? どうすれば修正できますか?

ありがとうございました

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

javascript - jQuery: offset() アニメーションと ajax

jQuery ajax とアニメーションに少し問題があります。私のページを呼び出すメニューを備えたレイアウトがあり、読み込まれたときに小さなアニメーションを提供しますjQuery easing

これが私のajax.js

ユーザーがクリックすると、すべてがうまく機能します。

ただし、次の場合:

  • ユーザーが同じリンクをダブルクリックする
  • ユーザーが複数のリンクをすばやくクリックする

次に、ロードされたデータがページの外に出ます。

私は非同期データを扱っておりoffset、正確な時間に を要求しているという事実に問題があることを知っています。( を実行する代わりに) パラメーターとして定数を入れようとしましvar step_position = $(".step").offset();たが、うまくいきませんでした。

ajax 呼び出しが何度行われても、データを常に正しく表示するにはどうすればよいですか?

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

jquery - このようなコードの書き方を教えてくれるjQueryチュートリアル/本

Web サイトにクールな効果が見られる場合は、jquery のソースを表示し、通常は頭を包み込むことができますが、http: //www.mckinsey.com のスライダーを見て、jQuery ソースを表示しました。ページのスライドに使用: http://www.mckinsey.com/assets/dotcom/js/home.js

このjQueryコードがどのように書かれているか、またはそれが何をするのか理解できないようですが、すべてがdocument.ready()関数内にないため、より良い方法で記述され、適切に維持できることは理解しています

  • 誰かがこのコードを少し分解して説明できますか (クッキーではなく、スライダーに関心があるだけです)

  • この方法で書かれたjQueryコードを書く/理解する方法を示すチュートリアル/本はありますか?

0 投票する
0 に答える
503 参照

jquery - ウィンドウサイズに応じたフローティングメニューjquery

float jquery メニューに問題があります。まあ、それは完全に機能します。しかし、ブラウザ ウィンドウのサイズが変わると、問題が発生します。ウィンドウが十分に大きい場合、完全にスクロール/スライドしますが、スクロール量と「トップ」量がウィンドウの高さよりも大きい場合は、小さなウィンドウでスライドさせたいと思います。現在、ウィンドウのサイズが小さすぎると、メニューが非表示領域 (1024x768 など) でスライドします。

これが私のコードです:

最後の機能は重要であり、問​​題を引き起こす機能です。特にこの部分:

あなたが私を助けてくれることを願っています、私は一生懸命努力しました、信じてください。

よろしくお願いします

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

jquery - jQuery-SlideDownイージング

プレーンなjqueryだけで、jQuery UIを使用せずに、slideDown()の動きをよりスムーズに見せるための方法があるかどうか疑問に思いました。

私はこの機能を持っています:

まあ、私はそのキューを知っています:false; animate()で機能し、アニメーションをキューに入れずに実行させることはできますが、slideDown()で同じことを行う方法がわかりません。

イージングでは、ロードする別のjsファイルを設定する必要がありますが、アニメーションのイージングのためだけにこれを作成する余裕はありません。

あなたがこれで私を助けることができることを願っています。

どうもありがとう!