Question

我有一个简单的div标记，其中包含一个按钮。当用户点击此按钮时，它只会显示警告。

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

我也有一个空的twitter bootstrap模式。

<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>

我有第二个按钮，当用户点击它时，它会打开引导模式。当用户点击第二个按钮时，我想在bootstrap模式中显示“myDiv”。当模态打开时我希望“myDiv”出现在我的HTML文档中。因此我总是可以在模态中创建第二个按钮来访问它。

知道我该怎么做？

Answer 1

我认为这就是你想要的，所以基本上在模态节目中我们将该按钮附加到模态体。

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

但是我们还没有完成，因为在模态关闭后我们需要将它恢复到体内，所以我们这样做：

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

这里是一个工作小提琴：

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

我希望这就是你要找的东西。

在Twitter Bootstrap Modal中显示DIV元素以及DOM

1 个答案: