Foundation 6 Abide不使用Ajax/Dynamic Html

Ren*_*nes 1 javascript jquery dynamic zurb-foundation abide

这个问题真让我讨厌.

以这种简单的形式:

<form data-abide novalidate method="POST">
  <label>First name
  <input type="text" name="firstname" required> 
  </label>
  <input type="submit" value="Save">
</form>
Run Code Online (Sandbox Code Playgroud)

我正在尝试添加一个新字段并让Foundation检查它.

$('<label>Last Name<input name="lastname" type="text" required></label>').insertBefore('input[type=submit]').foundation();
Run Code Online (Sandbox Code Playgroud)

示例:https: //jsfiddle.net/wcLmb3y9/

Ren*_*nes 5

发现它们!

只需添加一个

Foundation.reInit('abide');
Run Code Online (Sandbox Code Playgroud)

在html之后,你已经包括和vóila!

希望它能帮助更多的家伙!

LML