2012-05-07 7 views
0

私はバーを持ち、このバーの下にドラッグ可能なマーカーを2つ配置しました。そのうちの1つは開始時間ともう1つの終了時間を示しています。終了時刻マーカーを開始時刻マーカーの左側にドラッグすると、残念ながら非常に粗く見えるでしょう。開始時刻が< =終了時刻である必要があるからです。私はこれを試しているjoern.zae...。マイナス・イコールの代わりに、私は同じことをする必要があることを知りました。しかし、解決策は機能しません。代わりにドラッグ可能なのはちょうどちらります。draggableが特定の位置を超えてドラッグされないようにするにはどうすればよいですか?

要約すると、私はx軸上の特定の位置に到達すると停止する必要があります。

答えて

2

draggablesについては、jQuery UIのサンプルon constraining movementを参照してください。

ダブルハンドルのスライダーバーを実装しているので、look jQuery UI's slider demos insteadとしてください。

+0

ありがとうございます!できます!スライダのデモについては、私が自分のものを揺らしている理由が彼らの醜いと思う。 marker.draggable( 'option'、 'containment'、[250,0,500,0])、markerがparentに含まれるように初期化されている場合、上記のコードはマーカーをx = [250,500]にとどめさせます。 –

+1

クール!あなたが偉大なそれを実行していることを知ってうれしい。 :D –

関連する問題