Anzeige modal nach Benutzer freigegeben hat die Seite

Question

Ich versuche, eine modale Popup-Fenster nach Benutzer klickt „Share on Facebook“ dann angezeigt werden, wenn der Benutzer auf die Website geht zurück, die modale Popup angezeigt wird. Ich weiß, das ist möglich, weil es eine Website gibt, die es hat.

Here's an example

Das Popup angezeigt, nachdem zurück auf die Seite zurück.

Modal html:

<!-- Modal --> 
    <div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div> 

    </div> 
    </div> 

Answer 1

Sie diesen Schritt folgen können.

Fügen Sie Ihren HTML-Code für Modal hinzu.

Verstecken Sie zuerst das Modal mit der Jquery.

<script> 
$(document).ready(function (e) { 
    // Profile Pic Modal. 
    $('#myModal').modal({ 
     backdrop: 'static', 
     keyboard: false, 
     show: false, 
    }); 
}); 
</script> 

Jetzt, nachdem Sie das Skript für die gemeinsame Nutzung anrufen oder Ihnen eine Funktion aufrufen für die Aufteilung der unter der Linie verwenden, um die modale anzuzeigen.

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

Zum Beispiel haben Sie eine Funktion

<script> 
    function ShareThis(){ 
     // You Code Here 

     If(Share){ // user your condition for check if sharing has done or not. 
      $('#myModal').modal('show'); 
     } 

    } 
</script> 

Zögern Sie nicht, mich wieder zu fragen, ob es hilft nicht. Vergessen Sie auch nicht, die jQuery und CSS für das Modal einzuschließen.

http://www.w3schools.com/bootstrap/bootstrap_modal.asp

Hope this Link für Modal helfen kann