問題タブ [jquery-mobile-flipswitch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
375 参照

javascript - 同じページで jQuery Mobile Flip Switch を使用して非表示の入力スタイルで画像を切り替えます

詳細: 画像を切り替える必要があります。つまり、フリップ スイッチがオンの場合は画像が表示され、値がオフの場合は非表示になります。コードは JS ファイルにあります。

コードにチェックポイントを入れると、CLICK 関数がスイッチをクリックしなくてもトリガー イベントで実行されることがわかります。

0 投票する
1 に答える
46 参照

jquery-mobile - jquery モバイル + ノックアウト非表示の問題

私はこれに行き詰まっています、しようとしていますunhide/hide jquery mobile flip switches使用してknockoutいます。ノックアウト アクションが適用されると、jquery モバイル コントロールが機能しなくなりました。これについて私を助けてくれませんか

ここにコードがあります

女性が選択された場合は3番目のコントロールが非表示になりますが、男性が再び選択された場合はコントロールが無効になり、機能しません。

http://jsfiddle.net/FU7Nq/45

0 投票する
1 に答える
156 参照

jquery - FlipSwitch jQuery モバイル コンストラクター

コンテナー内に新しい FlipSwitch コントロールを作成する方法を探しています。<div id="container"/>

$("#container").flipswitch({ onText:"Stay", offText:"Go"}); 生成される HTMLを実行すると、次のようになります。

onText/offText ラベルが含まれていません。

inputコンテナ内にまたはHTML 要素を手動で作成する必要がありますか、selectそれともより良い方法がありますか?

ありがとう!

0 投票する
0 に答える
1143 参照

jquery - touchmove イベントを使用した jQuery Mobile

次のドキュメントのように、基本的な選択スイッチを管理しようとしています。

http://demos.jquerymobile.com/1.4.5/flipswitch/

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

HTML

ジャバスクリプト

左(ON)から右(OFF)または右(OFF)から左(ON)にスワイプすると機能します。

私の問題は次のとおりです。

  1. ON に指を置いたまま右にスワイプすると (OFF)、ステータスが OFF になり、すぐに ON に戻ります。
  2. 指をオフにしてから左にスワイプすると (オン)、ステータスがオンになり、すぐにオフに戻ります。

これを解決するには?

0 投票する
0 に答える
95 参照

jquery-mobile-flipswitch - JQueryMobile: Flip トグル スイッチを使用してページを読み込む

2ページのjqueryモバイルhtmlファイルがあります。

<div data-role="page" id="page1"></div> </div><div data-role="page" id="page2"></div>

jquery モバイル フリップ トグル スイッチを使用していずれかのページをロードしたいのですが、

<select name="flip-1" id="flip-1" data-role="slider"> <option value="off">Off</option> <option value="on">On</option> </select> 関数を機能させることができないようですか?

(私はjquery mobile / javascriptの背後にある機能に非常に慣れていません)

私はモデル化しました: http://jsfiddle.net/V7xeD/成功しませんでした

0 投票する
1 に答える
524 参照

php - PHPを使用してmysqlの値に基づいてこのフリップスイッチを機能させる方法

私はブートストラップ/html に基づいて管理パネルを購入しました。これには多くの優れた機能が付属しており、そのうちの 1 つは非常に洗練されたフリップ スイッチであり、それを任意の製品のステータスに使用したいと考えています。

実際のコードはこんな感じ

ブラウズから要素を調べると、次のようになります。

通常の data-role="flipswitch" を使用しましたが、これは次のように異なります

スイッチオンはこんな感じ

スイッチオフはこんな感じ

上記を使用して、データベースからの値に応じてページが読み込まれるタイミングを変更する方法を教えてください。

私は以下を試しましたが、うまくいきませんでした

そして、スイッチがうまく作動せず、スムーズにスライドしなくなります。

助けてくれてありがとう

========= 管理パネルの開発者がこのモジュールをスイッチに使用したようです

http://www.bootstrap-switch.org/documentation-2.html

ですから、誰かがこれについて私を助けることができれば、本当に感謝しています。私は今何時間も立ち往生しています:(