ページがまだ完全にロードされていないプログレッシブ・エンハンスメント、行動

Question

私はjQueryの中で完全に実装されプログレッシブ・エンハンスメントを使用してサイトを開発しています。

たとえば、私はSoundManagerを使用して$（ドキュメント）.ready（関数（））を介して、YouTubeのリンクのYouTubeプレーヤーをポップアップリンクMP3ファイル「インライン」をプレイするためにタグを固定するために動的にonclickのイベントハンドラを追加しています。

ページのロード中に、ユーザーがそれらをクリックすると、

しかし、彼らはまだ非拡張バージョンを取得します。

私は（ディスプレイを介して：なし、またはそのような何か）、関連するものを隠しについて考えてきました。そしてロードされたときにそれを示すか、モーダル「読み込み」ダイアログが、ハッキングのような両方の音を入れて

任意のより良いアイデア？私はここで完全に何かを明らかに欠けていると感じます。

よろしく、

アレックス

Answer 1

私はこれをテストしていませんが、あなたは live を試みることができます。思考は、彼らはすぐに実行されますので、あなたがdocument.readyの外にあなたのクリックハンドラを置くことができることです。 liveはを使用していますので、イベントの代表団は、それが機能だ達成するためにを、あなたは本当に準備ができてDOMのを待つ必要はありませんし、ページの読み込み中に行われたすべてのクリックは、まだイベントハンドラによって捕獲されなければならない。

問題が解決しない場合、あなたはそれらが結合する必要があるものは何でもすぐ下にJavascriptのスクリプトタグを入れてみてください。それはきれいではありませんが、それはかなり問題が解消されます。

Answer 2

あなたが適切な判断と人々を使用していると仮定すると、の遅延が長すぎるという理由だけで、私はコントロールを無効にするの CSSを使用する非拡張バージョンのために下落しています。 CSSは、ほとんどすぐにロードされます。コントロールが再有効化されているので、私はCSSを切り替えるだろうJavascriptを使用して続いています。

しかし、私の最初の反応は、ページのロード中に、ユーザーがそれをクリックすることができれば、その後、ページまたは接続が遅すぎるということです。時間の1％未満 - - これはほとんどの場合でない場合は、あなたがいる限り、ユーザは彼の音楽を聴いている彼の目標を達成することができますようにそれをオフに肩をすくめることができます。ユーザーがより良い経験が半秒後に待っていることを実現した後Javascriptがレンダリングしてからクリックするために、彼は通常、お待ちしておりますので、私はこれを言うます。

Answer 3

私はCSSを使っに関するaleembから反対の立場を取ります。あなたがコントロールを無効にするには、CSSを使用する場合は、JavaScriptが無効を持っているか、アクセシビリティソフトウェアを使用している人は、完全にあなたのスタイルシートを無効にせずにこれらのコントロールを使用することができません。

あなたは本当にすぐJS経由で要素を非表示に終了bodyタグの前に、非常に小さなインラインjavascriptの権利を使用することができます。それは、インラインだと外部のリソースをロードする必要がない場合、それは一般的に速く、ユーザーがクリックすることができるよりも、非常に高速になります。

しかし、私はの行うのユーザーが精神的にページを処理して、彼らはあなたのjsの前にクリックするコントロールにそれを作ることができるかどうかがロードされていることをaleembに同意する、とのより深い問題はおそらくありますあなたのページがロードされる方法。ロード時間を短縮する方法を検討：画像ファイルを圧縮し、gzipping HTML / CSS / JSファイルを、あなたのJavaScriptを縮小化などスプライトの中に画像を合成

。

Answer 4

私は、次のパオロBergantinoの助言する - イベントの代表団は、完全に問題を回避するために移動するための方法である。

。 することができます<のhref = "http://mercurial.intuxication.org/hg/js-hacks-docs/raw-file/tip/domcontentloaded -

私はイベントの代表団は、仕事をすることができませんでした同様の問題がありました-en.html」のrel = "nofollowをnoreferrer">について読み、ここのこと。