問題タブ [jquery-ui-slider]

動的に作成されたリスト要素で jQuery UI スライダー ウィジェットを作成しようとしています。現状では、リストは機能し、アイテムが作成されてリストに追加され、スライダーが表示されてユーザー入力に応答しますが、渡した値で初期化されていません。しかし、私は何かが欠けています。私は jQuery Mobile 1.0.1 と jQuery 1.6.4 を使用しています。Javascript と jQuery は比較的新しいものです。

ヘッダーとフッターを除いて、メイン ページのコンテンツの合計は次のとおりです。

派手なものはありません。

ここで、ユーザーがフッターのいくつかのボタンをクリックすると、配列が更​​新され、リスト項目がそのまま追加されます (削除されます):

リスト項目の HTML は、この関数で作成されています。

繰り返しますが、空想は何もありません。ページのレンダリング時に作成される HTML は次のとおりです。(firebug からコピーされました。)

だから、私が初心者として気づく2つのこと：

1. 最小、最大などの設定が正しく設定されていないようです。
2. .slider()を呼び出すと、id が呼び出された要素 (この場合は ) に ui スライダーが挿入されるような印象を受けましたが、#item_Potatoes_price_sliderご覧のとおり、呼び出された要素の「隣」に新しい要素が作成されています。これは関連性がありますか、それとも何か誤解していますか?
3. sliderボックスがスライドしたときにボックスを更新するためのコールバックも含めていました#item_Potatoes_qtyが、それも機能していませんでした。デバッグ中に切り取りましたが、何の影響もないようです。

それで、これが機能しない理由はありますか？(余談ですが、これを改善し、よりクリーンにするための提案も受け付けています。) ありがとう!

このスライダーはどのように機能しますか？

http://jqueryui.com/demos/slider

与えられたソースは何も表示されません

これを追加する前にjqueryを含めました

しかし、それは私に与えます

SCRIPT438：オブジェクトはプロパティまたはメソッド「スライダー」をサポートしていません

エラー。

これはコード全体がどのように見えるかです

私は何が欠けていますか？

私はJquery、Javascriptなどに関しては完全な初心者ですが、Jqueryスライダーウィジェットを自分のページで機能させることができました。次に、そのスライダーで、TumultHypeのアニメーションの一部として埋め込まれるビデオの音量を制御したいと思います。Hypeがビデオに「要素ID」を与え、Hypeの外部から呼び出すことができることは知っていますが、このビデオのボリューム制御を有効にするためにJquerySlider関数に追加する必要があるコードを知る必要があります。助けてください！

スライド(または任意の)コールバックの外でjQuery UI Sliderのハンドルの値を取得することは可能ですか? スライド内で ui.value を使用して取得できることはわかっていますが、スライダーを動かすたびに外側からその値を取得するにはどうすればよいですか?

ありがとうございました

次のようなjQuery UI Sliderがあるとします。

スライダーの横に動的入力テキストがあり、スライダーの値を次のように表示するとします。

したがって、私のスライダーの完全なコードは次のとおりです。

ご覧のとおり、最初にページが読み込まれると、スライダーの値は 7 になります。また、スライダーの値を示す入力テキストの ID は、スライダーの div 自体と同じです。ページの読み込み時にスライダーのハンドルにその値が表示されるようにします。スライダーの value 属性を 7 に設定すると、次のようになります。

これは問題なく動作しますが、スライダーの値がデータベースから取得され、変更される可能性があるため (1、8、4、6 など)、これが最適な方法ではないことは明らかです。

今、次のようなことをしようとすると:

何らかの理由で、これは機能しません。ハンドルは値を示しません。$().slider({}) 内で $(this) を使用できないためですか?

これが機能しない理由を誰かに教えてください

ありがとうございました

ボタンをクリックしても、スライダーはリセットされません。手がかりはありますか？

ここでjQuery UI Sliderプラグインに問題があります。私が達成しようとしているのは、データベースにスライダーの値がない場合、それはまだ評価がないことを意味するので、「値なし」や「Nil」などを表示したいということです。問題は、その値が整数でない場合、スライダー ハンドルを移動できないことです。ここでデモを見ることができます。

なぜこれが起こっているのか、何が間違っているのか、値が有効な整数でない場合にスライダーを動かせないのはなぜですか。

私は本当に奇妙な問題を抱えています。スライダーにjQuery1.7.1とUI1.8.17を使用しています。

Chrome、Safari、FFの魅力のように機能します（Firebugに従わない限り...）。これまでのところ良いですが！

IEでは動作しません（IE 8および9でテスト済み）。ただし、IE開発ツールを開くとすぐにスライダーが機能します。

私はそれを修正する方法がまったくわかりません...だから、皆さんの誰もが私を助けてくれることを願っています！

私のJSコード：

私は短期間のUIスライダーユーティリティを使用しており、次の状況で終了しました。結果を使用してオブジェクトの css box-shadow を変更するために、3 つのスライダーを組み合わせました。これは私のコードです:

問題は、最初のものをすべて変更したときです。2番目のものを変更すると、最初のものは、2番目のものに対して3番目のものを変更したときに同じユニットをドロップまたは増加します。さらに、それらすべてを 0 または 100 にスライドさせることはできません。それに応じて、1 と 99 に制限が表示されます。事前にサンクス。