Foundation 5 Abide and Modal AJAX issue

Question

Я использую Foundation 5, и я не могу заставить Abide правильно работать в модальной форме.

Форма вызывается из:

<a href="/admin/edit_customer/<?= $order->id ?>/<?= $order->cust_id ?>" class="button tiny" data-reveal-id="myModal" data-reveal-ajax="true">Edit Customer</a> 

и все идет просто отлично, за исключением того, не соблюдают и не костров. Вот форма (сокращенно). В частности, у меня проблема с шаблоном электронной почты.

<form data-abide action="/admin/edit_customer" method="POST"> 
<fieldset><legend>Edit Customer Information</legend> 
<div class="row"> 
    <div class="large-6 columns"> 
     <div class="row collapse"> 
      <div class="small-4 columns"> 
       <label class="prefix" for="fname">First Name <small>required</small> </label> 
      </div> 
      <div class="small-8 columns"> 
       <input type="text" id="fname" required value="<?= $c_info->fname ?>"  placeholder="<?= $c_info->fname ?>" name="c_fname"> 
       <small class="error">First name is required.</small> 
      </div> 
    </div> 
</div> 
<div class="large-6 columns"> 
    <div class="row collapse"> 
     <div class="small-4 columns"> 
      <label for="lname" class="prefix">Last Name <small>required</small></label> 
     </div> 
     <div class="small-8 columns"> 
      <input type="text" required value="<?= $c_info->lname ?>" placeholder="<?= $c_info->lname ?>" name="c_lname" id="lname"> 
      <small class="error">Last name is required.</small> 
     </div> 
    </div> 
</div> 
</div> 

<div class="row"> 
<div class="large-9 columns"> 
    <div class="row collapse"> 
     <div class="small-3 columns"> 
      <label class="prefix" for="email">Email</label> 
     </div> 
     <div class="small-9 columns"> 
      <input type="text" name="c_email" pattern="email" id="email" value="<?= $c_info->email ?>" required> 
      <small class="error">Need a valid email</small> 
     </div> 
    </div> 
</div> 
<div class="large-3 columns"> 
    <a href="#" class="button tiny radius" target="_blank">Email Customer</a> 
</div> 
</div> 

Я попытался добавить строку:

<script type="text/javascript">$(document).foundation('abide','events');</script>   

К концу, но это только что сделал модальный неудачу.

У кого-нибудь есть какие-либо исправления? Или, есть идеи, с чего начать на этом?

Answer 1

HOT DIGGITY!

Таким образом, получается, что линия

$(document).foundation('abide','events'); 

была правильная вещь, чтобы сделать, но это изменилось в фонд 5 до:

$('#your_form_id').foundation({bindings:'events'}); 

Надежда, что помогает кому-то еще !!!