
記事およびプラグインの著者はDenisZです
jClever Formsは、独自のAPIを提供するHTMLフォームをスタイリングするためのプラグインです。
jNice 、 jqTransform 、 Uniformが自転車を書くことを余儀なくされるようなフォームのスタイリストの経験。 現在のバージョンは、jNiceの機能をほぼ完全に繰り返し、さらにそれらを補完します。
プラグイン機能:
- スクロールバーを含むタイプ選択(ドロップダウンリスト)のフォーム要素の様式
- チェックボックス(フラグ)などのフォーム要素の様式
- ラジオボタンフォーム要素(ラジオボタン)の様式
- リセットフォーム(リセット方法)
- プラグインを無効にする(破棄メソッド)
- フォーム要素のコレクションを操作する(selectCollection)
- 直接的なドロップダウンリスト管理(selectSetPositionメソッド)
- チェックボックスの直接制御(checkboxSetStateメソッド)
- ラジオボタンの直接制御(radioSetStateメソッド)
プラグインの現在の実装には、テキストフィールド(入力タイプテキスト)および複数行のテキストフィールド(textarea)の処理は意図的に含まれていません。 原則として、それらの処理と様式化は困難を引き起こしません。 おそらくプラグインの将来のバージョンでは、このアプローチは改訂されるでしょう。
初期化は最も単純で、フォームにjCleverなどのクラスを追加するだけです。
<form action="#" method="get" class="jClever">
セレクターでプラグインを初期化します:
jQuery('.jClever').jClever();
プラグインページ: http : //tools.alterego-russia.ru/jclever
デモはここで見ることができます: http : //tools.alterego-russia.ru/jclever/example/index.html
Githubプロジェクト: https : //github.com/denis-zavgorodny/jClever
ドキュメント: http : //tools.alterego-russia.ru/jclever/#docs
UPD:
- フォーム要素を移動すると、アクティブな要素の選択が追加されます
- 選択(開く、閉じる)、キーボードからの選択の移動[上/下]、Enter、TabおよびSpaceの処理の修正された動作。 選択範囲内を移動した後のスクロールの自動スクロール(コメントをありがとうmerkuriyに感謝)