2012-08-15 8 views
9

jQueryモバイル1.2 alphaにはPopupsが導入されていますが、既にDialogsという似たウィジェットがあります。彼らはどちらも本質的に非常に似ています。jQueryモバイルポップアップとダイアログ

ポップアップとダイアログの技術的違いは何ですか?

ダイアログでは不可能なポップアップ(実際に使用されている例があります)は何ですか?

答えて

10

これは全く異なる獣です。私の限られた経験に基づいて私の意見があります。

Dialogues

  • 対話がページを引き継ぐ、彼らは「ダイアログ」はページを置き換えているように見えるようにするフルスクリーン暗い背景が含まれています。

  • ページアンカーリンクにdata-rel="dialog"属性を追加すると、任意のページをダイアログとして表示できます。

  • 同様のページでは、リンクにdata-transition属性を追加することで、ダイアログに任意のページ遷移を指定できます。

  • チェーンすることができます。

Popups

  • 現在のページ内に表示し、おそらく一般的にモーダルまたはライトボックスと呼ばれる機能に類似しています。

  • チェーンできません。

ポップアップ等(コメントを投稿、ニュースレター、ログイン)拡大表示、小さなAjaxのフォームにサムネイルポップアップを作り、おそらく便利なアラート、ツールチップ、小型はい/いいえOK /キャンセルのメッセージのためのより適していますユーザーが情報を必要以上に過負荷にしたくない場合や、ユーザーが特定の機能を必要とするときや要求したときに特定の機能を明らかにする必要があるときに便利です。

ダイアログは、多くの情報(利用条件画面など)を伝える必要がある場合や、アラート、メニュー、ユーザーの選択肢を強調する場合に使用できますページの流れを壊すような対話があるので、より慎重に使うべきです。

ポップアップのきれいな機能の1つは、オーバーレイパネルとして使用でき、Facebookのiphoneアプリケーションのメニューとあまり変わらない画面の側面からスライドするメニューを作成するために使用できることです。

どちらも使用できますが、どちらも間違っていても間違っていても、個人の好みに合わせて多くのものが得られます。

4

ポップアップは要素と同じページに表示されます。ダイアログはすべて別のページで、背景は空白です。

関連する問題