Раскрыть модал не удалось открыть Фонд 6

Question

Я пытаюсь сделать модальное отображение для каждой кнопки "Редактировать", просто когда я нажал на кнопку "Редактировать", она не открывается, я сделал, как упоминалось в документации для Foundation 6 . Вот мой код. Пожалуйста, помогите.

<ul class="button-group">

я даю каждому модалу показа идентификатор, основанный на идентификаторе поля, с тем, чтобы у меня были разные идентификаторы и связывал каждую кнопку "Редактировать" с ее модальным

    <li>
        <a class="button tiny" data-open="editModal<?php echo $contact->id ;?>"
           data-contact-id="<?php echo $contact->id;?>">Edit</a>
        <!-- the modal edit start here -->

        <div class="reveal large editmodal" id="editModal<?php echo $contact->id ;?>"
             data-cid="<?php echo $contact->id ;?>" data-reveal>


            <div class="grid-x grid-margin-x">
                <div class="cell large-12"><h1>Edit Contact</h1></div>
            </div>

форма редактирования мода

            <form action="#" id="editadress" method="post">
                <div class="grid-x grid-margin-x">
                    <div class="cell large-6">

поле ввода имени

                        <label>First Name
                            <input type="text" name="first_name" placeholder="Enter Your First Name"
                                   value="<?php echo $contact->first_name; ?>">
                        </label>

                    </div>
                    <div class="cell large-6">

поле ввода фамилии

                        <label>Last Name
                            <input type="text" name="last_name" value="<?php echo $contact->last_name; ?>"
                                   placeholder="Enter Your Last Name">
                        </label>
                    </div>
                </div>

отправить кнопку формы

                <div class="grid-x grid-margin-x">
                    <div class="cell large-12">
                        <input class="button big abutton right small" name="submit" type="submit" value="Submit"/>
                    </div>
                </div>
            </form>

кнопка закрытия модала

            <button class="close-button" data-close aria-label="Close modal" type="button">
                <span aria-hidden="true">&times;</span>
            </button>

        </div>
        <!--The modal edit ends here-->
    </li>
    <li>
        <a class="button alert tiny">Delete</a>
    </li>

</ul>