問題タブ [icheck]

素晴らしいiCheckプラグインを使用して、フォームのチェックボックスのスタイルを設定しています。

プラグインを使用すると、呼び出すだけ$('input').iCheck()で目的の外観と機能を適用できます。

ただし、.iCheck()動的に作成されたチェックボックスで関数を呼び出すことに固執しています。

ajax 呼び出しでは、success 関数で次のようにチェックボックスを作成します。これは$.eachブロック内にありますが、簡単にするために、ステートメント内にコードのみを含めました。

DOM ツリーに既に存在するelID を持つ div はどこにあり、 JSON として返されるオブジェクトはどこですかcontainern

チェックボックスを構築した後、私は$('#container input').iCheck();明らかに電話をかけましたが、標準のチェックボックス以外は特別なものは何も得られません。チェックボックスが動的に作成され、.iCheck()が呼び出された後に発生したためだと思います。しかし、チェックボックスを作成して呼び出し.iCheck()た後でも、結果は同じです。

誰でもこれについて私を案内できますか?

現在、オプションが選択されたときにクラスを入力ラベルに添付するフォームがあります。iCheck プラグインを使用する前は、問題なく動作していました。クラス「.frmLabel」を見つけて「.frmLabelChecked」のクラスを追加するために、基本的に一連の親を実行しています。私の選択とテキスト入力では機能しますが、ラジオとチェックボタンでは機能しません。

私が見ることができるものから、iCheck プラグインはフォームのスタイリングに追加の div 要素を追加するので、parent() を追加すると問題が解決するようです。少し面倒ですが、使用しているウィジェットが動的に取り込まれているため、これが最善の方法です。

実際の例はここにあります: http://bvp.dmediastudios.com icheck なしのバージョン (動作) はhttp://bvp.dmediastudios.com/v4/です。

コードは次のとおりです。

チェックボックスのコード

非動作バージョンはここにあります: bvp.dmediastudios.com、動作バージョン (iCheck なし) はここにあります: bvp.dmediastudios.com/v4/

上記の関数が参照する html のブロックは次のとおりです。

どんな助けでも大歓迎です。ページ自体で html を表示する方が簡単な場合があります。

id のチェックボックスがあります#cond99。ajax からロードされ、問題なく動作していますが、アクションを追加したいのですが、動作しません。誰でも私を助けることができますか？

いくつかのラジオ ボタンにiCheckライブラリを使用しています。ボタンとそのラベルをすべて同じ行に表示したいのですが (jsFiddle hereを参照)、要素を適切にスタイル設定するのに問題があります。

問題は (私が思うに) iCheck が「各入力を div でラップすることです。これは、ユーザーがカスタマイズしたり、利用可能なスキンの 1 つを使用したりできます」( iCheckページの「簡単な使用方法」セクションからの引用)。

私が試したこと

-- 次のように、ライブラリの CSS で表示プロパティだけをオーバーライドします。

.iradio_flat-orange { 表示: インライン !重要; }

結果 - ラジオ ボックスが完全に消えます。

-- ラベルを 1 つにまとめる<span style="display: inline">

結果 - 変更なし。jsFiddle に従ってラジオ ボタンが表示されます。

ラジオボタンを適切にスタイルする方法を知っている人はいますか?

ここでjsFiddle 。

私は Javascript の初心者で、iCheckページのドキュメントに従うのに苦労しています。ここで非常に関連性の高い StackOverflow の質問と思われるものへの回答に従いましたが、選択した値を表示するアラートをポップアップ表示できません。誰かが私を正しい方向に向けることができますか?

HTML

Javascript

このアプローチを使用すると、私のニーズには合いません。

現在のコンテキストを取得するにはどうすればよいですか? ラベルタグの間にあるテキストを表示したいと思います。私のhtmlは次のようになります

iCheck を使用してチェックボックスのスタイルを設定していますが、これを検証と一緒に使用すると問題が発生します。基本的に、一度に 3 つのチェックボックスをオンにして、それ以上のボックスがチェックされないようにする必要があります。

私はこれを使ってみました：

以下に示すように、iCheck がなくても動作しますが、iCheck を更新できません。

http://jsfiddle.net/hUdrF/4/