1. 程式人生 > >bootstrap中modal的簡單使用

bootstrap中modal的簡單使用

<div id="myModal" class="modal fade" 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>
<h3 id="myModalLabel">分類</h3>
</div>
<div class="modal-body">
<div class="">
<div class="widget-box widget-color-blue2" style="height:450px;">
<div class="widget-header">
<h4 class="widget-title lighter smaller">分類</h4>
</div>

<ul id="tree1" style="height:400px;">
</ul>
</div>
</div>

</div>
<div class="modal-footer">
<button class="btn" type="button" data-dismiss="modal" aria-hidden="true">確定</button>
</div>
</div>
</div>

</div>

顯示方法:function showModal(){
$("#myModal").modal('show');
}