Question

我想通过电子邮件共享一个模式窗口。

我要完成的事情是，单击“共享”按钮后，用户可以发送包含该模式链接的电子邮件，而当您单击该链接时，该模式已经打开的网站就会加载。

我在http://jsfiddle.net/pcx98bvs/处创建了一个小提琴：

<!-- Button trigger modal -->
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<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" id="myModalLabel">Modal title</h4>
   </div>
   <div class="modal-body">
    ...
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <a href="mailto:test@gmail.com"><button type="button" class="btn btn-primary">Share</button></a>
  </div>
 </div>
 </div>
 </div>

有什么提示吗？

非常感谢亚历克斯

Answer 1

您可以将body查询字符串参数添加到链接到模式的href
示例：<a href="mailto:test@gmail.com?body=https://yourwebsite#modal">

然后将此脚本放在您的页面上，以便您可以利用url

中传递的哈希值触发模式

$(document).ready(function () {
    var target = document.location.hash;
    $(target).modal('show');
});

通过电子邮件共享模态窗口

1 个答案: