twitter - Twitter ブートストラップ クロージング モーダル

Question

Twitter Bootstrap を使用して、ボタンでモーダルを開くプロジェクトを作成しています。各モーダルは、開くボタンと同じボタンをクリックすると閉じます。エスケープを押すか、背景をクリックすると、モーダルも閉じます。ただし、ボタンをクリックして 1 つのモーダルを開き、次に別のモーダルのボタンをクリックすると、コードは両方のモーダルを開きます。モーダルが開いている場合は、他のボタンを含め、ページの他の場所をクリックすると閉じます。しかし、私はJavaScriptで本当に迷っています。

Answer 1

あなたの質問は漠然としているように見えるので、あなたの質問に答えられるようにほとんどの点に触れようとします.

escを押したり、他の場所をクリックしたりしてもモーダルが閉じないようにしたい場合は、これを試してください....

    <a data-controls-modal="your_div_id" data-backdrop="static"
 data-keyboard="false" href="#">

モーダルを表示します。これを JavaScript 関数内で使用します。

 $('#myModal').modal('show')

モーダルを非表示にするには、次を使用します。

$('#myModal').modal('hide')

モーダルを切り替えるには、これを使用します。

 $('#myModal').modal('toggle')

必要に応じてこれらを使用し、ボタンをクリックする必要がある場合はモーダルを非表示にします。

必要なことを達成するには、これで十分だと思います。

何かを取得できない場合は、コメントを投稿してください。

乾杯！！！