問題タブ [jquery-callback]

リストをアニメーション化するための小さなスクリプトを作成しています。これが私のhtml構造です：

一度に4つのliのみを表示しています。「次へ」ボタンは、表示された4つのliをフェードアウトします。次の4つのliをフェードインします。しかし、フェードは両方を一緒に適用しています。最初のフェードでコールバック関数を使用しようとしましたが、機能させることができません。

スクリプトは次のとおりです。

手がかりはありますか？

3 つの div があり、前の div が完了したらそれぞれをアニメーション化したいとします。現在、私はこれを書いています：

これは醜いですが、扱いやすいです。

ここで、さまざまな要素で次々に発生する必要がある 10 個の異なるアニメーションがあるとします。突然、コードが非常に扱いにくくなり、管理が非常に難しくなります...

私がやろうとしていることの擬似コードは次のとおりです。

どうすればこれを達成できますか?

私はJavascriptとjQueryの初心者であり、次のコードと結果に戸惑っています。

私のgolfer_nameがスコープに含まれているのに、team_idがスコープに含まれていないのはなぜですか？そして、どうすれば修正できますか？それは配列であるように見え、変数はコールバックで使用できない配列要素に等しく設定されます。

jQueryコード

#testdivの結果

私の Web アプリケーションでは、ajax を使用してシリアル番号を生成しています。シリアル番号は常に 10 桁です。そのため、10 桁未満の場合は先頭に「0」が追加されます。

私は ajax 呼び出しを行っていますが、メソッドはシリアル番号を「0000000154」ではなく 108 として返しています。

Java関数で文字列として「0000000154」を取得できましたが、JavaScriptでこの値を取得すると108が表示されます.

なぜこれが起こっているのですか？

以下はバックエンドでの私のJavaコードです

以下は私のフロントエンドコードです。

私は彼にコールバックURLを渡すことを消費しなければならないasmxWebサービスを持っています。Webサービスは、このURLを使用して、必要な情報（パーセンテージ、ステータスなど）を含むクエリ文字列のパラメーターをhttpに渡させます。

Webサービスを利用できますが、コールバックを取得できません。

私はそれを呼び出すためにc＃を使用しています、そして私はjQueryでサービスのコールバックを聞きたいです...

OnCompleteStuff が呼び出されることはありません。何が間違っていますか?

ブラウザーから場所の設定を取得しようとするアプリケーションがありますが、これには少し時間がかかる傾向があるため、ページの読み込み時に実行したいと考えています。ただし、場所のコールバックが実行される前に送信ボタンをクリックすると、場所のデータはありません。私の質問は簡単です。フォームを送信する前に、位置情報の成功のコールバックが終了するのをどのように待ちますか? （睡眠ステートメントのようなばかげたものなしで）。
理想的には、ビジー インジケーターを点滅させてデータを待ちたいと思います。これは可能ですか？ビジー インジケーターを表示するコードはありますが、データが利用可能になるまでエレガントに待機する方法がわかりません。

jQuery ajax の単純なコールバック関数に問題があります。Google もスタック オーバーフローも役に立たないので、これは具体的なことではなく、私が無知すぎてわからないことだと思います。私には、コードは本来あるべきように見えます。

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

test.php では、単に

私に関する限り、「呼び出された」ことを警告する必要がありますが、そうではありません。関数 sendMessage() が呼び出されていることを確認済みです (パラメータ メッセージは今のところ問題ありません)。

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

フィドル

画面の上部にある色付きのボックスをクリックすると、ボックスと透かしをフェードアウトしてからフェードインしたいのですが、アニメーションが重ならないようにします。

私が抱えている問題は、透かし (大きな灰色のテキスト) がフェードインとフェードアウトを数回繰り返すことと、アニメーションが間違った順序で行われることです。同様の問題に関する他の投稿をいくつか見つけましたが、それらはすべて、アニメーション化される要素が #item1、#item2 などと呼ばれ、ループを使用していると想定しています。

編集：私がやったことは

fade* コールバックが動作しなかったのに、これらのコールバックが動作する理由がわかりません。

私は、jQueryでよく知られている「requestAnimationFrame」の削除を解決するためのさまざまなアプローチに取り組んでいます。ここで、 animateは、今後のrequestAnimationFrameAPIではなくsetTimeout/setIntervalを使用するように戻されました。もちろん、これにより、そのページのブラウザタブにフォーカスがないときにアニメーションがキューに入れられるという既知の問題が発生します（ページのタブにフォーカスがないときにアニメーションが停止するというこの効果が必要なため、問題になります）。1つの解決策は、実際の「requestAnimationFrame」のクロスブラウザーrequestAnimFrameシムですべてをラップすることです。別の解決策は、アニメーション要素の一意のIDとタイムスタンプを生成し、ウィンドウがフォーカスされているときにのみアニメーションを実行することです。

これは、フォーカスリスナーとIDパスの2番目のアプローチで私が抱えていた苛立たしい問題の迅速で汚いデモです：http： //jsfiddle.net/bcmoney/NMgsc/17

更新（主な問題は解決されました）：http：//jsfiddle.net/bcmoney/NMgsc/

必要最低限​​のコード：

私は最近、一意のIDが必要ない可能性があることに気づき、今のところシムアプローチを支持して、フォーカスリスナーでそれらの最初の調査を破棄しました。ただし、このいじくり回しは、jQueryの別の潜在的な問題（またはおそらくそれについての私の理解）を指摘し、パラメーターをjQueryのコールバック関数に渡し、パラメーターの値がアニメーションのコンテキストを通じて確実に伝播されるようにします。

ご覧のとおり、値「p」が渡されなくなったため、アニメーションが開始および停止します。私はクロージャーの専門家ではありませんが、$。proxyを使用するだけでなく、1つのソリューションとしてここで提案されているのを見ました（休憩してSOに投稿する前にここから試しました）。API呼び出しをチェーンしている場合でも、$。 ajaxまたは$ .getJSONコールバックでこの問題が発生したことはありませんが、何らかの理由で、continueScrolling関数への後続の呼び出しの値を維持するためのコールバックパラメーターを取得できないようです。一部のJS/jQuery忍者からの助けをいただければ幸いです...