jquery - Jquery からドラッグ可能な画像がページ全体にドラッグされる

Question

DIV 内で画像をドラッグしようとしていますが、ページ全体にドラッグされています。私のコードは次のとおりです

<div>
     <span class="move" id="draggable">
          <img src="cropped/image_name.jpg"/>
     </span>
</div>

この画像を DIV の外にドラッグできるようにしたくありません。コードの残りの部分は完全に機能しています。この問題を解決するのを手伝ってください。前もって感謝します。

score 3 · Accepted Answer

封じ込めオプションを使用してみてください

$('#draggable img').draggable({
    containment: $('#draggable').parent()
})

score 1 · Accepted Answer

 $("#draggable img ").draggable({ containment: "#div1" });

score 1 · Accepted Answer

1

親要素の外に表示したくないですか???

overflow:hidden

于 2013-07-25T05:36:34.200 に答える

3 に答える 3