Question

我对基础模态有问题，我用这个函数打开模态：

function bindAutoRevel() {
  $('div[data-auto-reveal]').foundation('reveal', 'open');
}

但在使用默认的＆＃39; close-reveal-modal＆＃39;关闭它之后链接，如果我单击触发打开操作的链接，它不会再次打开。所以我现在所做的就是解决这个问题：

$('#create-project-btn').click(function() {
  $('#project-modal').foundation('reveal', 'open');
});

但它应该是一种避免这种情况的方法。感谢

Answer 1

你用过吗？

Foundation modal

因为上次当我使用基础模态时，我没有必要编写任何用于打开和关闭模态的javascript代码。我的所有代码都是：

    <a data-toggle="exampleModal1" class="button large button plus">+</a>

<div class="reveal league-reaveal" id="exampleModal1" data-reveal>
        //some html code
        <button class="close-button success" data-close aria-label="Close reveal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
</div>

这需要包括：

    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.0.5/foundation.min.css">
    <script src="https://cdn.jsdelivr.net/foundation/6.0.5/foundation.min.js"></script>
    <script src="jquery.reveal.js" type="text/javascript"></script>

这是javascript代码：

<script type="text/javascript">
        $(document).ready(function () {
        $(document).foundation();
    });
</script>

使用.close按钮后，基础模态不会打开

1 个答案: