在另一個鏈接中打開模態

Question

如何使用此鏈接打開另一個鏈接中的模態？

<a href="process.php&data=3" data-toggle="modal"data-target="#modal-view"> 
link       
</a> 

而在process.php有這種模式，我想從該鏈接獲取數據。

<div class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <?php $data=$_GET[data]; echo $data; ?> 
     </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 --> 

Answer 1

我想你只需要運行javascript函數來加載頁面加載時的模式。

這個職位有一些很好的方法來做到這一點：How to open a Bootstrap modal window using jQuery?

總之，這樣的事情就需要在你的JavaScript中的其他頁面打開模態在頁面加載時：

$('#myModal').modal('show'); 

你可能需要給你的模態一個ID屬性，以便它可以很容易地被引用。

Answer 2

試試這個，

添加ID標籤

<a id="myLink" href="process.php&data=3" data-toggle="modal"data-target="#modal-view"> 
link       
</a> 

添加ID來div標籤

<div id="myModal" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     <?php $data=$_GET[data]; echo $data; ?> 
     </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 --> 

而且你的鏈接，將點擊事件和遠程加載您的內容，

$('a#myLink').on('click', function(e){ 
    e.preventDefault(); 
    $('#myModal').modal('show').find('.modal-body').load($(this).attr('href')); 
});