1

デザインの微調整が必​​要な Web アプリケーションを作成しています。サンプル機能コードは次のとおりです: http://jsfiddle.net/rkumarnirmal/FSDPH/

そこに表示されている黒い可動ボックスは、ページからはみ出してはいけません（少しでも）が、そこにチェックを入れると、ボックスを移動して、ページから少しはみ出すことができます。どうすれば制御できますか？

もう 1 つ、そのボックスに jPicker ツールhttp://www.digitalmagicpro.com/jPicker/を実装します。カラー ボックスをクリックすると、jPicker ツールが表示されます。ボックスを移動すると、jPicker ツールがページに合わせて配置される必要があります。

このような質問をするのは公平ではないことはわかっていますが、私にはチャンスがありません:(誰か私を案内してもらえますか?

ありがとう！

4

2 に答える 2

2

containmentプロパティ onを使用draggableして、ドラッグ可能な要素をその親の 1 つの中に保持できます。

例えば：

$("#box_bg").draggable({scroll: false, cancel: "div#box", containment: 'document'});
于 2012-05-10T18:33:01.350 に答える
1

コード全体を実行することは現在不可能です。私はあなたに論理を与えています。簡単にできます。

オーバーレイのドラッグ イベントを追跡する必要があります。次に、イベント ハンドラーで、オーバーレイの左と上の位置を確認する必要があります。制限を超える場合は、左/上を 0 (またはオフセット) に設定します。

逆に、右端 (または下) を超える場合は、ウィンドウの幅 (または高さ) からオーバーレイの幅 (または高さ) を差し引いた値を設定する必要があります。

カラーピッカーも同様です。ただし、ドラッグ イベントの代わりに、カラー ピッカーが表示されているときに再配置を実行する必要があります。

于 2012-05-10T18:38:22.953 に答える