jQueryのモバイルポップ

ダイアログのポップアップがページ表示にオーバーレイすることができ、非常に人気のポップです。

ポップアップには、テキスト、画像、地図、または他のコンテンツを表示するために使用することができます。

ポップ、そして<A> <div>要素を使用する必要性を作成します。 <a>要素にデータのrel = "ポップアップ"プロパティを追加し、データ-役割= "ポップアップ"属性を追加するには、<div>要素。 その後、我々はの<div>のIDを指定し、hrefの値の<a>の<div>指定したIDを設定します。 <DIV>コンテンツは、コンテンツポップディスプレイです。

注：<div>のポップとクリックの<a>リンクが同じページ上にある必要があります。

あなたが外へとポップからパディングを追加する必要がある場合の<div>での「UI-コンテンツ」カテゴリを追加することができます。

ポップアップを閉じます

デフォルトでは、ポップアップの外側の領域をクリックするか、ポップアップを閉じるには「Escキー」キーを押してください。 あなたは追加のデータ-dismissible = "false"属性を追加することができポップ閉じるポップアップの外側の領域をタップしたくない場合（推奨されません）。 また、財産上のデータのrel = "戻る"ボタンを使用して、ポップに閉じるボタンを追加することができ、スタイルを介して、ボタンの位置を制御します。

ポジショニングポップ

デフォルトでは、ポップアップを使用すると、ポップアップの位置を制御する必要がある場合は、リンク上でポップクリックを開くための属性にデータ位置を、使用することができ、直接要素をクリックの上に表示されます。

3つの方法で制御ポップ場所：

トランジション

デフォルトでは、ポップにはトランジション効果ではありません。 あなたがしたい場合は、（データ遷移= "value"属性を経由してトランジション効果を追加することができますjQueryのモバイルトランジション ）：

ポップ方向に小さい境界線

あなたが境界線の少しポップ方向を追加する必要がある場合は、データ・矢印プロパティを使用し、値「L」（左）、「トン」（右側）（上）、「R」または「B」（下）を指定することができます。

ポップダイアログ

あなたは、標準のダイアログボックス（ヘッド、およびボトムマークの内容）として生産ポップすることができます。

イメージ・ポップ

背景ポップカバー

ポップは、背景色を追加した後に、データ・オーバーレイ・テーマのプロパティを使用することができます。

デフォルトでは、背景色を透明カバー。 データ・オーバーレイ・テーマ= ""光の背景を追加するために、使用データオーバーレイテーマ= "b"を使用して、暗いカバーに背景を追加します。

一般的な背景画像ポップアップが頻繁にオーバーレイ：

注：次の章では、ポップでフォームを使用する方法を学習します。