如何在电子邮件中从 link 执行 bootstrap 模式？

Question

我有一个名为“http://example.com/index.html”的网页，我在其中声明此 link 以调用 bootstrap 模态：

<a href="modal_content.html" data-toggle="modal" data-target="#myModal">My Modal</a>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content"></div>
    </div>
</div>

如何使用打开的模式“#myModal”调用“http://example.com/index.html”内容为modal_content.html 来自电子邮件 link？有可能吗？

Answer 1

首先，将 id 添加到您的 <a> 标签，以便我们稍后可以 "click"：

<a id="clickMe" ...

然后，在电子邮件中的 link 中传递一个 GET 参数：

http://example.com/index.html?show_modal=true

并让您的 JS 检查它：

if (location.search.indexOf('show_modal=true') > 0)
    $('#clickMe').click();