問題タブ [rangeslider]

jQuery モバイルでデュアル rangeslider を作成するのに苦労しています。jQuery Mobile ドキュメントから次の提案されたコードを実装すると、2 つの別個のスライダーが互いの下に表示されます。

jQuery UI は、ユーザーがまだキャッシュしていない場合にダウンロードする必要がある別のフレームワーク (および非常に大きなフレームワーク) になるため、理想的には jQuery UI から離れたいと考えています。アプリケーションをできるだけ軽量に保つようにしています。おそらく私は私の実装で何か間違ったことをしていますか?

次の行で範囲スライダーの両方の値を設定しています。この行が-event$('...').slider( 'values', [ 0, 10000 ] );を 2 回トリガーするという問題があります。change( event, ui )一度だけトリガーする回避策はありますか？または、問題を解決するために使用/作成できる他のイベントはありますか?

膨大な量のデータの ajax リクエストを 2 回送信することを避けたいだけです

返信ありがとうございます。

ピーター

この質問をどのように正しく表現できるか完全にはわかりませんが、申し訳ありません。ここでやりたいことは、「出力」がスライダーの下ではなく、すぐ横に表示されることです。

何が問題なのかを確認するには: alainbruno.nl/form.html

とにかく、私は HTML5 から始めたばかりで、これまでのコードは次のとおりです。

現在、クライアント用のプロジェクト プランナー フォームを作成しています。レンジ スライダーに Jquery UI を使用しています。

範囲値が最大のときに、入力フィールドの値の後に Plus(+) を追加する方法を理解するのに苦労しています。

私の現在のスクリプトは

そして私のHTMLは

どんな助けでも大歓迎です。乾杯ジョーダン

JQM レンジ スライダーをノックアウトでうまく動作させるのに苦労しています。これは、JQM スライダーの非常に基本的な html コードです。

サンプルとして、このノックアウト バインディングを作成し、ドキュメント準備完了に適用しました。

範囲スライダーのJQM初期化に関連するいくつかの問題を発見した他の人々からのいくつかの投稿をインターネットで読みました（たとえば、ここ： http ://css.dzone.com/articles/knockoutjs-binding-helperおよびここ：http ://www.programico.com/1/post/2012/12/knockoutjs-jquerymobile-slider.html ) を参照し、それぞれ独自のカスタム バインディング実装を備えた実用的なソリューションを提供します。

それらの1つは次のとおりです（http://www.hughanderson.com/による）：

ここまでは順調ですね。その後、私はこの問題に遭遇します：

JQM スライダーが最初のページにある場合は機能します。JQM スライダーが 2 ページ目にある場合、もう機能しません。

私が理解できるように、これはこの特定の JQM ウィジェットと彼の DOM 操作に関連する問題だと思います。これをよりよく説明するために、2 つの jsFiddle を作成しました。ここでは、2 つの JQM ページの順序を入れ替えるだけです。

1. 動作しない: http://jsfiddle.net/5q38Q/ 2 番目の JQM ページのスライダー
2. 動作: http://jsfiddle.net/5q38Q/1/最初の JQM ページのスライダー

JQMスライダーのノックアウトバインディングを初期化する正しい方法はどれですか？JQM スライダーのカスタム バインディングを記述する別の方法があるのでしょうか、それともノックアウト バインディングを pagebeforeshow イベントに配置する必要があるのでしょうか。

更新: 次の変更により、スライダーは正しい値を表示し、テキスト入力部分とも同期されます。

しかし、より良い解決策がないのではないかと思います。

少なくとも、Varun のカスタム バインディングと組み合わせると、今では非常にうまく機能しています。

この (非常に基本的な) ページ:
http://www.marianotomatis.it/test.phpは、 ChromeとFirefox では
適切にレンダリングされますが、IE9では次の行で停止します:

スクリプトhttp://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js のメッセージ「null または未定義の参照の「スライダー」プロパティを取得できません」。

これはページの完全なコードです:

問題の理由はわかりますか?

PHP でレンジ スライダーを読み込もうとしています ( http://ghusse.github.io/jQRangeSlider/demo.htmlのようなスライダー)。

これは動作する HTML のスライダーです (参照: http://www.leff-design.nl/websites/sliderpreview/test.html ):

これをphpに設定しようとしましたが、これを行う方法が正確にはわかりません。私はこれを試しました（これは完全なphpコードではなく、高度なカスタムフィールドプラグインのphpファイルの一部です）：

また、スライダー コードをエコーし​​ようとしましたが、何もしません。HTML ファイルのように適切な css クラスを取得しません。#slider idをphpのjqueryファイルに正確に接続するにはどうすればよいですか?

前もって感謝します。

Javascript を介して jQuery Mobile レンジスライダーを適切に無効にしようとしています。しかし、うまくいきません。Html ファイルdisabledの Elements に属性を追加すると、機能します。<input>しかし、それを無効にしようとすると

DOM の入力要素に属性を追加しdisabled="disabled"ますが、表示は変わらず、スライダーも使用できます。(「#range-monday-a」と「#range-monday-b」は、rangeslider の両方の入力要素の ID です)

これは、jQuery Mobile が rangeslider 用に追加の div などをレンダリングするためだと思います。しかし、jquerymobile.com でも、ここでも、Google でも答えが見つかりません。