15

Facebookログインなどを含むモーダルウィンドウ（ Bootstrapを使用）をトリガーするサインアップページがあり、このモーダルがメインウィンドウにデータ（エラー、または成功した場合はトークン/ユーザーデータ）を返すようにして、関連するフォーム フィールドを入力し、ユーザーにサインアップ プロセスを完了させます (「利用規約に同意します」ボックスなどにチェックを入れます)。

モーダルが閉じたときにデータを送り返すことを除いて、すべてを行う方法を知っています。モーダルクローズイベントでモーダルからメインウィンドウにデータを渡す方法はありますか?

編集:これは私が達成したいことの視覚的表現です: フロー

4

2 に答える 2

8

Bootstrap は、これを実現するために次の組み込みイベント処理を提供します。

show.bs.modal - モーダルが表示されようとしている
とき に 発生します
。
hidden.bs.modal - モーダルが完全に非表示になったときに発生します (CSS トランジションが完了した後)。

あなたの場合、 hide.bs.modal イベントを使用して、ボタンがクリックされた後、モーダルが非表示になる前に、モーダル属性の値を取得できます。このようにして、davidkonrad によって与えられた例は、中間の非表示属性の必要性を排除して単一の関数で実現できます。

    $('#myModal').on('hide.bs.modal', function () {    
    console.log('username : '+$("#modal-username").val());    
    console.log('result : '+$("#modal-result").val());    
})
于 2016-06-26T09:05:53.490 に答える