Modal in einem anderen Link öffnen

Question

Wie kann ich ein Modal in einem anderen Link über diesen Link öffnen?

Und in process.php haben diese modale und ich möchte Daten von diesem Link erhalten.

<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

Ich denke, man müsste nur die JavaScript-Funktion führen Sie eine modale beim Laden der Seite zu laden.

Dieser Beitrag einige gute Möglichkeiten hat, dies zu tun: How to open a Bootstrap modal window using jQuery?

Kurz gesagt, so etwas wie dies würde in Ihrem Javascript, in der anderen Seite benötigt werden, um die modalen zu öffnen, wenn die Seite geladen wird:

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

Möglicherweise müssen Sie Ihrem Modal ein ID-Attribut geben, damit es problemlos eindeutig referenziert werden kann.

Answer 2

Try this,

id auf einen Tag

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

hinzufügen ID div tag

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

Und Click-Ereignis auf Ihren Link anwenden und aus der Ferne, Fügen Sie Ihre Inhalte laden

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