无法在另一个模式内定位模式

时间:2018-08-05 14:03:01

标签: modal-dialog zurb-foundation

我对Foundations Reveal有问题。我正在通过<%= ravintolat._id%>将餐厅信息转换为模式。我正在尝试插入内部模式以更新餐厅。问题是我不能在另一个模式中使用id,因为它针对第一个模式。

<div class="reveal" id="<%= ravintolat._id%>" data-reveal>
    <h1><%= ravintolat.nimi%></h1>
    <p class="lead"><%= ravintolat.osoite%>, <%= ravintolat.kaupunki%></p>
    <p>Puhelin: <%= ravintolat.puh%>, Ravintola arvosana: <span class="label primary"><%= ravintolat.arvosana%></span></p>
    <br>
    <button class="button small" data-open="<%=ravintolat._id%>">Muokkaa</button>

    <!-- Avaa Modalin sisälle toisen Modalin josta muokataan ravintolan tietoja -->

    <div class="reveal" id="<%=ravintolat._id%>" data-reveal>
        <h1>Muokkaa</h1>
        <form action="/ravintolat/<%= ravintolat._id%>" method="POST">
            <input type="text" name="nimi" placeholder="Ravintolan Nimi" value="<%= ravintolat.nimi%>">
            <input type="text" name="osoite" placeholder="Ravintolan Osoite" value="<%= ravintolat.osoite%>">
            <input type="text" name="kaupunki" placeholder="Kaupunki" value="<%= ravintolat.kaupunki%>">
            <input type="text" name="puh" placeholder="Puhelinnumero" value="<%= ravintolat.puh%>">
            <button class="button large" type="submit">Päivitä</button>
         </form>
        <button class="close-button" data-close aria-label="Close reveal" type="button">
          <span aria-hidden="true">&times;</span>
        </button>
    </div>

0 个答案:

没有答案