0

divボタンを含む単純なタグがあります。ユーザーがこのボタンをクリックすると、単にアラートが表示されます。

<div id="myDiv">
    <input type="button" id="btn" value="Click Me" />
</div>

また、空のTwitterブートストラップモーダルもあります。

<div class="modal hide" id="myModal">
    <div class="modal-header">
        <button class="close" data-dismiss="modal">×</button>
         <h3>Modal header</h3>

    </div>
    <div class="modal-body"></div>
</div>

2 番目のボタンがあります。ユーザーがクリックすると、ブートストラップ モーダルが開きます。ユーザーが2番目のボタンをクリックするたびに、ブートストラップモーダルで「myDiv」を表示したいと思います。モーダルが開くたびに「myDiv」が存在するようにし、HTML ドキュメントにも存在するようにします。モーダルで2番目のボタンを作成せずにいつでもアクセスできるようにします。

どうすればそれを行うことができますか？

4

1 に答える 1

4

これがあなたが目指していたものだと思うので、基本的にモーダルショーでは、そのボタンをモーダルボディに追加します。

$("#myDiv") .appendTo(".modal-body");

しかし、モーダルクローズ後に本体に戻す必要があるため、これで完了ではありません。

 $('#myModal').on('hide.bs.modal', function (e) {
$("#myDiv") .prependTo("body");     
})

これが実用的なフィドルです：

http://jsfiddle.net/zcb3h/2/

これがあなたが探していたものであることを願っています。

于 2014-02-25T04:47:22.297 に答える