javascript - 用户分享页面后显示模式

Question

我试图在用户点击“在 Facebook 上分享”后显示模式弹出窗口，然后当用户返回网站时显示模式弹出窗口。我知道这是可能的，因为有一个网站有它。

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>

如果没有帮助，请随时再次询问我。另外不要忘记包含 Modal 的 jQuery 和 CSS。

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

希望此链接可以帮助您使用 Modal