有没有办法可以动态创建从DOM节点或AJAX调用开始的模式对话框?
现在,我必须把
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
```
我想要像
这样的东西<img src='' id="x">
<script>
$('#x').modal({title:'Image',otherOption:true});
</script>
答案 0 :(得分:16)
var popupTemplate =
'<div class="modal fade">' +
' <div class="modal-dialog">' +
' <div class="modal-content">' +
' <div class="modal-header">' +
' <button type="button" class="close" data-dismiss="modal">×</button>' +
' <h4 class="modal-title">I am a dialog</h4>' +
' </div>' +
' <div class="modal-body" />' +
' <div class="modal-footer">' +
' <button type="button" class="btn btn-primary" data-dismiss="modal">Save</button>' +
' <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>' +
' </div>' +
' </div>' +
' </div>' +
'</div>';
$(popupTemplate).modal()
此外,BootBox也是这样做的。