表示モーダルは、私は、ユーザーが戻ってサイト</em>になったとき、モーダルポップアップが表示されている<em>その後</em>ユーザーは、「Facebookで共有」をクリックした後、モーダルポップアップウィンドウ<em>を表示しようとしていますページ

Question

を共有しています。私はこれが可能なのは、それを持っているウェブサイトがあるからです。

Here's an example

裏ページに戻った後に表示されるポップアップ。

モーダル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

この手順に従うことができます。

ModalにHTMLコードを追加します。

まず、Jqueryでモーダルを非表示にします。

今、あなたが共有するためか、 がモーダルを表示するには、以下の行を使用して共有するためのいくつかの関数を呼び出すようなスクリプトを呼び出した後

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

。例えば

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

あなたは機能

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

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

    } 
</script> 

を持って、それが解決しない場合は、再び私に尋ねることを躊躇しないでください。 また、モーダルにjQueryとCSSをインクルードすることを忘れないでください。

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

このリンクはモーダル