/ / Zurb Foundationでカスタムチェックボックスを無効にする方法 - zurb-foundation

Zurb Foundationでカスタムチェックボックスを無効にするにはどうすればよいですか? - zurb-foundation

チェックボックスは、多くの理由で最新のFoundation(4.1.6)に問題があります。財団を引き継ぐことを止める簡単な方法はありますか?私は custom 私のクラス formそれ以外の理由からです。 FoundationにHTMLチェックボックスだけを残す方法を教えてください。

回答:

回答№1の場合は3

私はこれを行う財団の方法に遭遇していない、これは実際に私がこの要求を聞いたのは初めてです。

あなたはこれを行うことであなたが望むものを達成することができます:

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

回答№2については2

古い投稿ですが、現在これを試している人にとっては、非常に簡単な方法があります: data-customforms="disabled" 私が知る限り、どんなカスタム入力でも動作します。


回答№3の場合は0

ファンデーション4のミニバージョン(ファンデーション。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がフォーム要素を引き継ぐのを防ぎます。