jquery - 如何从电子邮件中的链接执行 Bootstrap 模式？

Question

我有一个名为“http://example.com/index.html”的网页' 我在其中声明此链接以调用 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>

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

Answer 1

首先，添加一个id给你的<a>标记以便我们稍后可以“单击”它:

<a id="clickMe" ...

然后，传递一个 GET电子邮件链接中的参数:

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

然后让你的 JS 检查它:

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