bootstrap 模態框動態加載數據


1.頁面中添加modal 

<!-- 模態框(Modal) -->
<div class="modal fade" id="showModal" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog" style="width:900px;">
      <div class="modal-content">
//內容動態填充
      </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
2.數據格式。頁面動態生成a 標簽
<a data-toggle='modal'   data-target='#showModal' onclick=targetto('"  + row.id + "')>"+ row.title+"</a>";


3.單擊事件
 function targetto(id){
             $("#showModal").modal({
                 remote: "showAction.action?id="+id
             });
             }


4.每次隱藏時,清除數據。確保點擊時,重新加載
    $("#showModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
    });
5.基於bootstrap3.其他版本,請自己Google,如有雷同,純屬巧合,如有需要,歡迎分享。

原文:http://blog.csdn.net/shenyingkui/article/details/45693129


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM