問題タブ [jquery-mobile-flipswitch]

JQM と PhoneGap で作成されたモバイル アプリの「設定」ページを作成しようとしています。

フリップスイッチはテキストのすぐ前に表示されますが、(ネイティブの設定/設定が通常表示されるように) 右側に配置されていないため、非常にまとまりがないように見えます。

次の 2 つの投稿は類似しています: jQuery Mobile の固定ヘッダーの右隅にフリップスイッチを作成するにはどうすればよいですか? jQuery モバイルでフリップ トグル スイッチを右揃えにする方法

しかし、どちらも私の問題を適切に解決していません (最初のリンクではひどいように見えますが、2 番目のリンクでは、フリップスイッチ要素ではありません)。

私のコードの例:

http://jsfiddle.net/JTGE6/23/

HTML

CSS

私の質問: ラベル テキストを左に、フリップを (テキストの前に) 右に揃えるにはどうすればよいですか?

ありがとう！

フリップ スイッチがほとんどないドメイン リスト (li) があるカスタム Jquery モバイル リストを作成しています。

フリップ スイッチを動的に作成しています。作成時に一意の ID が割り当てられました。作成時に確認したところ、すべてが一意の ID を持っています。フリップ スイッチを作成した後、リスト アイテムに追加しています。

リストを更新すると、他のフリップ ボックスと同じ ID を持つフリップ ボックスが表示されます。作成時に確認しましたが問題ありませんでした。作成後、不正な形式になりました。

Foundation JS を使用してグリッドを構築しています。

これを行う JavaScript コードは、

同じための HTML コンテナは、

誰でもこれを理解するのを手伝ってくれますか。

Flipswitch をレンダリングして、lightswitch アプリケーションのカスタム コントロールとして使用するためのコードを取得しました。

}

このコードは正常に動作します。画面にフリップスイッチをレンダリングします。ポップアップに表示される編集画面にデータを表示しています。フリップスイッチを含むポップアップを開くと問題が発生し、UI のデータを変更せずに、そのポップアップ画面を閉じようとします。IE がハングし、長いスクリプトが実行されているというエラーが表示されます。createBoolenaSwitch 関数をデバッグすると、setFlipSwitchValue(value){} という関数内で無限ループになっていることがわかりました。

なぜこの関数が呼び出され、これが無限ループに入るのですか?

次のマークアップを使用して、jQuery Mobile 1.4.5 でチェックボックス ベースの Flipswitch を作成しています。

どうやら、選択ベースの Flipswitch の値を取得する同じ方法:

チェックボックスベースのバージョンでは機能せず、常に「オン」の値を取得しています。

ここで何が間違っていますか？選択ベースのバージョンと同じように値を取得する方法はありますか?

フィドル: http://jsfiddle.net/2ckHr/296/

前もって感謝します

私の問題をこれに単純化しました：

これらのライブラリを含めることとは別に、このスクリプト命令は次のとおりです。

https://jsfiddle.net/Lenoxus/f1oo4LqL/

その効果は、私が望む/期待するように、その子と一緒に削除するのではなく、その「内部」divをUNWRAPすることです。入力に ​​data-role='flipswitch' がない場合は発生しません。これは本当に保持したいものです。(つまり、そのデータの役割を持つことで、ラベルと入力が削除プロセスを生き残ることになりますが、これはすべきではありません。)これに対抗する方法を見つけようとしています。

jQuery を使用してフォーム要素の可視性を切り替えようとしています。私はフリップスイッチ ウィジェットを持っていて、この fiddleに見られるように、class='reviewControls'または属性のいずれかでクラスを設定しています。問題は、フィドルでは機能しているが、私のコードでは機能していないことです。私のコードはフィールドを隠しますが、フィールドは隠しません。jQuery が要素に追加されますが、要素 (およびそのスタイル) は変更されないため、デバッグが難しいと感じています。何か案は？data-wrapper-class='reviewControls'<label><input>style="display: none;<label><input>

私が維持している LightSwitch アプリに興味深い問題があります。混乱の余地があるため、詳しく説明し、明確な質問に答えます。

新しいエントリを作成するときに、はい/いいえオプションに設定された、テーブル内のブール値のデフォルトの「フリップ スイッチ」コントロールを使用する LightSwitch AddEdit 画面があります (したがって、値として「はい」または「いいえ」が表示され、実際には 0 または 1 が保存されます)。コントロールはデフォルトで「いいえ」を示します。問題は、ユーザーが持っているアクセス許可に応じて、次のいずれかのコントロールの動作が異なることです。

1) 期待される/望ましい動作: フリップ スイッチはデフォルトで「いいえ」に設定されており、画面に触れずに画面を保存すると「いいえ」がデータベースに保存されます (ユーザーが見るものと保存されるものは一貫しており、フリップスイッチが NULL になることはありません)。

2) 予期しない動作: フリップ スイッチは「いいえ」に設定されているように見えますが、ユーザーが画面を保存しようとすると、ブール値があるため、「エラー: 続行できません。ページに検証エラーがあります」という警告が表示されます。 NULL を許可しない (関連するフリップ スイッチが [このフィールドは必須] で強調表示されます) ユーザーはフリップ スイッチ コントロールを [はい] に切り替え、[いいえ] に戻すことができます。を NULL から値に変更します)、しかし厄介なことに、NULL を許可する他のフリップ スイッチは、画面に表示される「いいえ」ではなく NULL として保存されます。これは紛らわしく、問題があり、ユーザーはすべての NULL エントリを再入力する必要があります。このバグを修正したら。

私がこれまでに行ったトラブルシューティングでは、ユーザーが設定した LightSwitch Access Control パーミッションによって動作が左右されることが示されています。ユーザーが 1 つのグループ (SystemAdministrator) にいる場合、別のグループ (DatabaseOperators) では動作 1 になり、2 になります。

また、SystemAdministrator として新しい行を追加する場合、「編集」ではなく「追加」であることを条件として表示されます。データは動作 1 として追加されます。既存のエントリを編集する場合は、両方の権限として動作 2 を取得します。

このテーブル (TableName_CanRead、TableName_CanWrite、TableName_CanInsert、TableName_CanUpdate、TableName_CanDelete、TableName_CanExecute、TableName_Filter) のデータ ソースのアクセス許可をフィルター処理する VB コードをコメント アウトしてテストしました。 .

LightSwitch 環境に詳しい人が、この問題が発生している可能性のある別の場所を教えてくれることを期待しています。また、どこを見ればよいか、またはトラブルシューティングの手順をさらに進めるためのヒントを提供してくれることを願っています。現在、許可グループがフリップ スイッチ コントロールの動作にどのように影響を与えているかを確認できません。