問題タブ [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 に答える
393 参照

jquery - jQuery1.6.2行8493IE8

更新:解決済み。

ひお、

そのため、http: //www.vulytrampolines.com/storeで、このエラーがIE8でのみ発生する理由を理解できません。カウントダウンタイマーと関係があると思います。

オブジェクトはこのプロパティまたはメソッドjquery.js、行8493文字5をサポートしていません

これは8493行目です。

誰か考えがありますか?jQueryのロード後に含まれるイージングライブラリを使用しますが、jQueryライブラリのロード中も機能するはずです。

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

jquery - DIVサイズの変更、jQueryEasingによるスムージング

jQueryWebサイトのEasing関数について読んでいます。私の意図する目標は、フォームが送信されたときに発生するDiv調整をスムーズにすることです。

JFiddle - http: //jsfiddle.net/9qbfF/
Sandbox - http ://itsmontoya.com/work/playdeadcult/index.php
フォームをテストして、前述のDiv調整を確認してください。test@test.comを使用してください

ご覧のとおり、現在、POSTが成功するとDivがスナップして配置されます。スイングイージング効果を使って、より快適な体験をしたいと思っています。

イージングの実装をいじって、完全に台無しになっているように感じました。私はテストコードを取り出したので、誰かが私を助けてくれるよりクリーンな環境でした:)。

私は助けに感謝します!

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

jquery - 「jquery.paginatetable.js」とテーブルを使用したjQueryの緩和

「jquery.pagenate.js」でイージングを有効にする方法を理解しようとしています。私はたくさんの検索をしましたが、誰もこれをしていないようですか?何にでもイージングを加えることができるという印象を受けました。

現在、新しいページはイージングや速度制御なしで「表示」されます... easing.paginatetableを実行できると思いましたが、それも機能していません。

Jqueryの忍者からの洞察は素晴らしいでしょう。

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

jquery - カスタムjqueryイージング関数のヘルプ

かなり非定型のjqueryイージング関数が必要です。これは基本的に、従来のeaseInOutイージングの反対です。これは、プロセスを高速のイントロから低速の中間部分、高速のアウトロ(speedInOutと呼ぶ場合があります)に移行するためです。

残念ながら、私の数学は少し錆びており、開始方法に関して正しい方向に私を向けてくれる人が必要です。

双曲線正弦曲線(sinh)は、私が探しているものの正しい方向にいくらか進みますが、両方の軸で0から1の間に制限する必要があります。

これが私が使っているjqueryイージング関数のスケルトンです

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

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

jquery - jQueryイージング:アニメーションを1つのイージングアニメーションとして連鎖させる方法は?

イージングが次のアニメーションに引き継がれるように、1 つのアニメーションとしてグループ化したい 2 つのアニメーションがあります。2 番目のアニメーションは、最初のアニメーションが終了した後に開始する必要があります。これは私がこれまでに持っているものですが、2 番目のアニメーションが始まると、イージングが最初からやり直されます (これは私が期待していたものです)。

これが現在どのように機能するかの例です

これらのアニメーションを 1 つのイージング アニメーションにグループ化するにはどうすればよいですか?

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

jquery - jQuery easeOutElastic 関数をカスタマイズする

jQuery の制御下に横スクロール Web サイトがあり、水平方向に数千ピクセル離れたページがいくつかあります。私は easeOutElastic 関数を使用していますが、アニメーションが高速になり、弾性バウンスを弱める必要があります。デュレーション パラメータを大きくすると、アニメーションが遅くなりますが、バウンスも遅くなります。デュレーションがアニメーション全体を制御しているようです。

私がする必要があるのは、移動の速度と弾性のきつさを別々に制御することです. 私はプラグインでそのeasyOutElastic関数の独自のコピーをいじっていましたが、すべてのパラメーターが何であるかがわからないため、正しく理解できないようです:

パラメータ x、t、b、c、d が何を表しているか教えてもらえますか?

私は仮定します(関数をトレースします):

t == 0 のときにイージング関数が終了したように見えますが、実際に必要なのは、時間が経過するのを待つのではなく、モーションの速度があるしきい値を下回ったときに関数が戻ることです。しかし、速度はどこで計算されるのでしょうか? (?)

これを解読するためにあなたが与えることができるどんな助けも素晴らしいでしょう!

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

jquery - .animate を使用した jQuery カスタム イージング プラグイン

カスタム イージング用の jQuery プラグイン (jQuery Easing v1.3 -http://gsgd.co.uk/sandbox/jquery/easing/) を使用して、次のように jQuery ツールのスクロール可能なインスタンスにカスタム イージングを追加しています。

$(".historyScrollable").scrollable({ easing:"easeInOutCubic"}).navigator();

jQuery Easing プラグインを使用して .animate 関数を使用することも望んでいました

私はこのようにそれを使用してみました:

$(this).find('div').stop().animate({'marginLeft':'-280px'},200,easeInOutCubic);

しかし、「easeInOutCubic」が定義されていないと表示されます。私がやっていることは可能ですか?構文が間違っているだけですか?specialEasing も使用してみましたが、どちらも機能していないようです。

$(this).find('div').stop().animate({'marginLeft':'-280px'},{duration:200, customEasing:{'marginLeft':'easeInOutCubic'}});

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

jquery - jQueryアニメーションまたはjQueryイージング?

これに固執してください。私はCSS3トランジションを模倣しようとしていますが、(例として)ロゴがどのように表示され、http://metalabdesign.comで「バウンス」効果を発揮したかが非常に気に入りました。

これがjQueryアニメーションでどのように機能するかについて簡単なjsFiddleを作成しましたhttp://jsfiddle.net/EEtVs/ですが、jQueryEasinghttp: //gsgd.co.uk/sandboxを使用する必要があるかどうかは正直わかりません。ここでは/jquery/easing/がより適切なルートになります。

私は多かれ少なかれ、jQueryでeaseInタイプの遷移を処理するための最良の方法を探しています。私がフィドルで行ったルートは、それを有効にしていない人のために非JSバージョンを指定する必要があり(私は知っています、誰もが言うべきです)、すべてのブラウザで動作するようにしたいです(良いものだけではありません)それが私がjQueryルートに行く理由です。

しかし、jQueryの方法で見られる問題は、負のトップポジショニングをどのように計算するか、そしてそれが実際の「遷移効果」にどのように影響するかということです。jQueryのイージング(またはより良い方法)で似たようなものを作成する方法を誰かが知っているなら、私は非常に感謝しています。私はjQueryイージングを実装しようとしてかなり苦労しました...そのため、現時点では本当に泥の中に閉じ込められています。ありがとう!

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

animation - アニメートによるjqueryイージング

  1. マウスオーバーで div を表示するページがあります。ページをフォーカス時に div に移動させたいのですが...

今、私は div への onfocus をイージング プラグインと一緒に移動して移動したいと考えています。アニメイトで「遅い」を使いたくない

上記のコードにイージングを適用するにはどうすればよいですか

次に、表示されている div を mouseenter で左から右にスライドさせ、右から左にスライドさせてから非表示にします。これは私が今のところ使用しているものです。私が今していることを達成するためのより良い、または最良の方法があることを私は知っています。

ご協力いただきありがとうございます

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

jquery - Jquery ダイアログ ウィジェットでイージングを使用する方法

jquery UI で jquery ダイアログ ウィジェットを使用して、モーダル ダイアログでフォームを表示しています。アニメーションをカスタマイズしたいのですが、効果を名前で指定する以外にオプションが表示されません。例えば:

また、ダイアログを開くときに、エフェクトのタイミングと画面の暗転 (モーダルを true に設定) が完全に一致していないことに気付きました。エフェクトが終了するまで、ダイアログは暗いオーバーレイの下に残ります。

ダイアログ オプションで効果をカスタマイズする方法はありますか? イージングプラグインを一緒に使ってみませんか?

ありがとうございました