zurb-foundation - 如何在 Zurb Foundation 中禁用自定义复选框？

Question

复选框在最新的 Foundation (4.1.6) 中存在问题，原因有很多。有没有一种简单的方法可以让 Foundation 无法接管它们？由于其他原因，我需要我的custom课程。form如何让 Foundation 不理会我的 HTML 复选框？

Answer 1

我没有遇到过基金会这样做的方式，这实际上是我第一次听到这个要求。

你可以通过这样做来实现你想要的：

// do this after you initialize foundation
$("form.custom").find('input[type="checkbox"]').each(function () {            
    $(this).removeClass('hidden-field');
    $(this).next('span.custom.checkbox').remove();
});

Answer 2

一个旧帖子，但对于目前正在尝试这个的任何人来说，有一个非常简单的方法：data-customforms="disabled"据我所知，适用于任何自定义输入。

Answer 3

Foundation 4 (foundation.min.js) 的缩小版包括foundation.forms.js。我发现最好的方法是手动缩小foundation.js 并使用它而不是foundation.min.js。在您的项目中包含foundation.forms.js 并从第39 行删除[type="checkbox"] 选择器。

编辑前：

$('form.custom input[type="radio"],[type="checkbox"]', $(this.scope))

编辑后：

$('form.custom input[type="radio"], $(this.scope))

只添加您使用的基础部分，即foundation.reveal.js、foundation.abide.js。这将防止基础 4 接管您的表单元素。