我有以下JQUery函数
$('button.forward').click(function() {
});
一旦按钮前进 - 下面是按钮的代码 - 单击,模式应该显示为
<!-- 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-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">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>
</div>
</div>
答案 0 :(得分:2)
在页面末尾添加HTML代码(在body
标记内)并将以下内容添加到jQuery中:
$('#myModal').modal('show')
有关详细信息,请参阅Bootstrap JavaScript reference。
答案 1 :(得分:1)
$('button.forward').click(function() {
$("#myModal").modal("show");
});
答案 2 :(得分:1)
$('button.forward').click(function() {
$("#modal-body").show();
});
如果您希望默认情况下隐藏模态体,请使用以下代码:
<script>
$(document).ready(function(){
$("#modal-body").hide();
$('button.forward').click(function() {
$("#modal-body").show();
});
});
</script>