Question

由于许多原因，最新的基金会（4.1.6）的复选框存在问题。是否有一种简单的方法可以禁止基金会接管它们？出于其他原因，我需要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

基础4（foundation.min.js）的缩小版本包括foundation.forms.js。我发现最好的方法是手动缩小foundation.js并使用它而不是foundation.min.js。在项目中包含foundation.forms.js，然后从第39行中删除[type =＆＃34;复选框＆＃34;]选择器。

编辑前：

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

编辑后：

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

仅添加您使用的粉底部分，即foundation.reveal.js，foundation.abide.js。这将阻止基础4接管你的表单元素。

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

3 个答案: