Reveal modal failed to open Fondation 6

时间:2017-08-30 20:31:13

标签: zurb-foundation-6 zurb-reveal

I'm trying to make a modal reveal for every Edit button just when i clicked onto the Edit button it doesnt open i did as mentionned onto the documentation for Foundation 6 .Here is my code.Please any help.

1,1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|2|2|2|3|3|1|1|1|1|1|1|1|1|1|2|3,2016-17-08
2,1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1,2016-07-10
3,1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1|1,2017-06-04

i give to every reveal modal an id based on the field id with that i would have different ids and linked every Edit button with its modal

grunt> a= load 'product_details.csv' using PigStorage(',') as (product_id :int, event_id:chararray, date:chararray);

form of the edit modal

DB::table('site_tab')->pluck('site_id')->toArray();

first name input field

<ul class="button-group">

last name input field

    <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>

submit button of the form

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

close button of the modal

                        <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">

0 个答案:

没有答案