0

週間スケジュール プランナーを作成したい。私が必要とすることの半分を行うウィジェットをネットで見つけました。ウィジェットとマイナーな変更は、ここにあります : http://jsfiddle.net/inadcod/GyanJ/ 1日。たとえば、月曜日の場合、8:00 から 12:00 の間に 1 つ、12:45 から 16:30 の間に 1 つ、17:00 から 21:45 の間に 1 つ、3 つの間隔を設定したいと思います。誰かが私を助けることができれば、本当に感謝しています。ありがとう。

4

1 に答える 1

2
$('.addNewInterval').click

あなたは忘れました。クラスのために!ボタンクリックハンドラーの内側を基準にして間隔スライダー$(this)を追加します。これで、どこにでも追加できます。

新しい関数内に新しい構成を追加し.slider()ます。また、すべてのスライダーではなく、新しいスライダーのみを選択していることにも注意してください(あなたが行ったようにクラス参照を使用します)。

http://jsfiddle.net/GyanJ/5/

編集

入力するには、新しい入力フィールドを挿入する必要があります。(またはオーバーライドします)そして、後で値をフェッチできますが、試行した時点では常に0です。スライドハンドラー内で値が変更された場合に適しています。

構成/オプションオブジェクトを変数に入れて、最初に作成したときだけでなく、同じコードを2回記述するのではなく、追加されたスライダーごとに使用できるようにすることをお勧めします。

これは役立つかもしれません、私はいくつかのコメントを追加しました。

http://jsfiddle.net/GyanJ/8/

編集

もう少し作業を行いました:(スタイリングが必要な場合があります)

http://jsfiddle.net/GyanJ/16/

于 2012-08-23T07:21:57.000 に答える