問題タブ [jquery-3]

ページがすべての画像などで完全に読み込まれると、jQuery でフェードアウトする単純な css プリローダーを作成しました。

問題は、ウィンドウ ロード イベントがドキュメント準備完了関数内で確実にトリガーされないことです。ページがキャッシュされると動作するように見えますが、サイトが最初に読み込まれたときにトリガーされません。

回避策はありますか?

ウィンドウが完全に読み込まれ、関数checkRetinaHeader()が完全に実行されたら、サイトから完全に削除する必要があるフルスクリーン CSS プリローダーを使用しています。このサイトは jQuery v3.1.0 で実行されています。

コードはすべての主要なブラウザーで動作しますが、サイトがまだキャッシュされていない場合、IE11 以下では最初の読み込みで失敗します (エラー: スクリプト 5007: 未定義または null 参照のプロパティ 'style' を取得できません)。その場合、内部のコード.done(function() { ... }は実行されず、CSS プリローダーがロードし続けます。ページをリロードすると、つまりサイトがキャッシュにある場合は機能します。

アドバイスをいただければ幸いです。

JQuery V1.9.1 を V3.0 にアップグレードし、「jquery migrate 3.0」を使用しています。コンソールに次の警告があります。

警告メッセージのソースを検索すると、次のコードが見つかりました。

このコードを書き直して、警告メッセージが表示されないようにするにはどうすればよいですか?

このリンクを見つけましたが、わかりません どうすれば修正できますか?

このコードにも同じ警告があります:

詳細については、2 番目のコードのコンソール トレースを参照してください。

$(window).height()ブラウザのビューポート ウィンドウの高さを返すため$(window).width()に使用され、ブラウザ ウィンドウの幅に使用されていました。

$(window).height()は と同じ値$(document).height()、つまりページ全体の高さを返すだけになりました。

jqueryでビューポートサイズを取得する適切な方法は何ですか?

jquery.offsetクロムの SVG 要素に適用されると、常に 0/0 を返します。

$('#zeroPoint').offset()Chrome (少なくともバージョン 40 ～ 52 (cur 安定版) & 53 dev) で呼び出すと、誤った位置が返されますがtop: 0, left: 0、Firefox 48、IE 11 & Edge 13 では返されtop: 45.xx, left: 53.xxます。

JSFiddle での実際の例

それはなぜですか？

もう1つ：
メソッドoffsetはChromeのjQueryバージョン<= 2.2.4で問題なく機能していました：
jQuery v2.2.4を使用したJSFiddle

jQuery 3.0.0 を使用すると、

への最初の呼び出しは、 にチェーンされたjQueryWhenApplyResolveRejectWith解決済みの jQuery promise 値の配列を返す必要があります。ここで、 はオブジェクトの配列です。.then()promisesthisobj

への 2 番目の呼び出しは、単一のオブジェクトに設定されたjQueryWhenApplyResolveRejectWithを返す必要があります。Errorthisobj

単一のオブジェクトが に渡されたため、 の予期される結果はsuccesssingleにthis設定されます。objdeferred.resolveWith

期待される結果は返されませんが、javascriptat stacksnippets では、.bind()または$.proxy()at.then()チェーンを使用して単一のオブジェクトを返すことができますpromises。

質問:

1. thisに渡されたプレーン オブジェクトから配列に変換されるの はなぜですか.resolveWith()。に渡された同じオブジェクトは、パターン.rejectWith() を使用して単一のオブジェクトを返しますか?$.when.apply()

2. $.when.apply()or .resolveWith()、または両方を同じ手順で使用した場合の予想される動作は、解決された jQuery promise オブジェクトの数を乗算したthis元を含む配列に設定されますか?this

このようなコード：</p>

上記のコードを実行すると、ページのアラートの順序は、アラート 1、アラート 2、アラート 3 の場合もあれば、アラート 1、アラート 3、アラート 2 の場合もあります。

次のように、JQuery 3 を使用して API にデータを投稿しています。

実行すると、次のエラーが表示されます。

なぜこれが起こるのかわかりません。PostMan を使用して API をテストし、次の Body で Post リクエストを送信しました。

そしてそれはうまくいきました...何が欠けていますか？

私の悪い点: このプロジェクトの角度のある側面に webpack があり、JQuery をマングリングしました

Chrome 拡張機能を使用しているときに、「$ が定義されていません」というエラーが表示されます。

JQuery 1.4では問題なく動作しますが、JQuery 3.1では動作しません

これらのリンクの指示に従いました

1. chrome-extension-is-not-defined-error
2. load-jquery-into-a-chrome-extension
3. 使い方-jquery-in-chrome-extension
4. chrome-extensions-uncaught-referenceerror-is-not-defined

これは、失敗したコードへの ZIP です

JQUERY ファイルの先頭と末尾に次のログ エントリを追加して、正常に実行されているかどうかを確認しました。

JQuery 3.1 で失敗する

JQuery 1.4 で動作します

JQuery 1.4 のマニフェスト ファイル (正常に動作)

以下と同じですが、次のように"scripts/jquery-3.1.1.min.js"変更されています"scripts/jquery.js"

JQuery 3.1 のマニフェスト ファイル (動作しません)

ContentScript.js

jQuery 3.0でAJAXリクエストを中止するには?

古いバージョンの jQuery のように、promise には abort メソッドがありません。