jQuery mobile 1.2 alphaは、ダイアログと呼ばれる同様のウィジェットをすでに備えているにもかかわらず、ポップアップを導入します。どちらも本質的に非常に似ているようです。
ポップアップとダイアログの技術的な違いは何ですか?
ダイアログでは不可能なポップアップでできること(例としては実用的なユースケースが望ましい)は何ですか?
jQuery mobile 1.2 alphaは、ダイアログと呼ばれる同様のウィジェットをすでに備えているにもかかわらず、ポップアップを導入します。どちらも本質的に非常に似ているようです。
ポップアップとダイアログの技術的な違いは何ですか?
ダイアログでは不可能なポップアップでできること(例としては実用的なユースケースが望ましい)は何ですか?
彼らはまったく異なる獣です。これが私の限られた経験に基づく私の意見です。
ダイアログがページを引き継ぎ、「ダイアログ」がページを置き換えたように見せるために、フルスクリーンの暗い背景が含まれています。
data-rel="dialog"
ページアンカーリンクに属性を追加することにより、任意のページをダイアログとして表示できます。
data-transition
ページと同様に、属性をリンクに追加することで、ダイアログで必要なページ遷移を指定できます。
連鎖させることができます。
現在のページ内に表示され、おそらくモーダルまたはライトボックスと一般に呼ばれる機能に似ています。
連鎖することはできません。
ポップアップは、アラート、ツールチップ、小さなyes / no ok / cancelメッセージ、サムネイルポップアップを大きな画像にする、小さなajaxフォーム(ニュースレター、ログイン、コメントの投稿)などに適しています。ページを情報でオーバーロードし、ユーザーが必要な場合や要求した場合にのみ特定の機能をユーザーに公開したい。
一方、ダイアログは、多くの情報を伝える必要がある場合(利用規約の承認画面など)、またはアラート、メニュー、ユーザーの選択などを本当に強調したい場合に使用できます。ダイアログページの流れを壊すようなものなので、もっと慎重に使用する必要があります。
ポップアップの優れた機能の1つは、オーバーレイパネルとして使用できることです。これを使用して、Facebookのiphoneアプリケーションのメニューとあまり変わらない、画面の横からスライドするメニューを作成できます。
結局のところ、どちらも使用できますが、どちらも正しいか間違っているかは、個人的な好みと、アプリケーションをどのように流すかによって決まります。
重要な違いの1つは、ポップアップが要素と同じページに表示されることです。ダイアログはすべて別のページであり、背景は空白です。