在另一个链接中打开模态

如何使用此链接打开另一个链接中的模态？在另一个链接中打开模态

<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 -->

来源

2016-11-23 dennis ramli

无法得到您的问题。请详细说明 – ScanQR

试试回答我贴。我希望有所帮助。 – ScanQR

我想你只需要运行javascript函数来加载页面加载时的模式。

这个职位有一些很好的方法来做到这一点：How to open a Bootstrap modal window using jQuery?

总之，这样的事情就需要在你的JavaScript中的其他页面打开模态在页面加载时：

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

你可能需要给你的模态一个ID属性，以便它可以很容易地被引用。

来源

2016-11-23 11:37:35 cyram

试试这个，

添加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')); 
});

来源

2016-11-23 11:45:56 ScanQR

在另一个链接中打开模态

回答

相关问题