Framework7-overlay-popup
提供:Dev Guides
Framework7-オーバーレイポップアップ
説明
ポップアップは、ユーザーが_popup_クラスを使用して要素をクリックしたときにコンテンツを表示するポップアップボックスです。
ポップアップのサイズはデバイスによって異なります。 携帯電話では全画面表示、タブレットでは630ピクセルの幅と高さで表示されます。 _tablet-fullscreen_クラスを追加して、タブレットでフルスクリーンサイズを作成できます。
あなたは、次の表に指定されているように2つの方法でポップアップを開閉することができます-
S.No | Type |
---|---|
1 |
クラスとデータ属性を使用して、ポップアップを開いたり閉じたりできます。 |
2 |
JavaScriptコードを使用して、ポップアップを開いたり閉じたりできます。 |
ポップアップイベント
S.No | Event | Target & Description |
---|---|---|
1 | open |
Popup Element アニメーションを開くと、このイベントが発生します。 |
2 | opened |
Popup Element アニメーションの開始が完了すると、このイベントが発生します。 |
3 | close |
Popup Element アニメーションを閉じると、このイベントが発生します。 |
4 | closed |
Popup Element アニメーションの終了が完了すると、このイベントが発生します。 |
HTML to Appメソッドを使用して動的ポップアップを作成することもできます。 これがlink:/framework7/popup dynamic [example]です。