javascript - JavaScriptが読み込まれるまでユーザーがクリックしないようにする方法（ライトボックス）

Question

かなり大きな js ライトボックス ギャラリーがあり、急いでユーザーがページの読み込みが完了する前に親指をクリックすると、「クールな」js ポップアップ効果なしで実際の画像が開く場合があります。

クリックする前にページの読み込みが完了するまでユーザーを「強制」する良い方法はありますか?

どうもありがとうございました

Answer 1

これを実現する最善の方法は、ページ全体に透明またはわずかに灰色のdivを配置し、zオーダー値を非常に高くして、他のすべての要素の上に配置することです。

これの秘訣は、ネイティブHTMLに配置して、他の処理が行われる前にロード/レンダリングされ、ユーザーが反応できるようにすることです。次に、ページで他のすべての読み込みが完了したら、jsを介して削除します。

Answer 2

この種の問題には、archetype.jsを使用します。彼はあなたのページに必要なものすべて（css、templates、javascript）をロードし、ユーザーが何かをできるようにします。そして、あなたはこれを手で行うことを避けます（あなたがたくさんのjavascriptを使うなら、それは汚くてそれほど簡単ではないかもしれません）

Answer 3

私があなたを正しく理解しているかどうかわからない：

コンテンツの上に透明な div などを配置して、ユーザーがクリックできないようにすることもできます。つまり、クリックが望ましくない効果をもたらすことはありません - より正確に言えば。^^

Answer 4

アンカーのインライン onclick="return false" -- 最も簡単な方法。