Bootstrap 3遠程模式內容再次

Question

我嘗試了很多解決方案在這裏找到完成我的目標，但不幸的是這些似乎都沒有爲我想要的工作。

我有一個列表（比方說）用戶，從一個循環加載MySQL數據庫。現在我想爲每個用戶的名字打開一個附加信息模式的按鈕。

清單是這樣的：

<li><a class='btn btn-default' data-toggle='modal' data-target='myModal' href='user.php?userid=1'>User 1</a></li> 
<li><a class='btn btn-default' data-toggle='modal' data-target='myModal' href='user.php?userid=2'>User 2</a></li> 

的模式裏面，應該有運行另一個MySQL查詢取決於傳遞的變量從數據庫中獲得更多的數據（即用戶ID = 1）。

我現在要把#myModal的代碼放在哪裏？如果我將它完全（或部分）放在user.php中，模式背景顯示出來，但沒有模態。如果我用鏈接將它放在文件的某個位置，它不會加載遠程文件。另外，我不能動態地改變模態標題（應該讀作「用戶1」）。

然後，再次單擊鏈接時重新加載其他用戶數據時出現問題。

任何人都可以提供一些關於如何做到這一點的提示嗎？

Answer 1

與ID myModal把模態的div在同一頁上您的列表位於是這樣的：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> 

然後到模態對話框的遠程user.php的插入休息。就像這樣：

<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Data review</h4> 

    </div> 
    <div class="modal-body"> 
    <! -- CONTENT HERE --> 

    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 

    </div> 
</div> 
<!-- /.modal-content --> 

最後使多模態工作添加下面的腳本：

<script> 
$("div[id$='Modal']").on('hidden.bs.modal', 
    function() { 

     $(this).removeData('bs.modal'); 
    } 
); 
</script> 

應該這樣做。改變標題現在應該是微不足道的。