Foundation 5 Abide和Modal AJAX問題

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'}); 

希望幫助別人！