jquery draggable

私はdivを持っています。私は特定のコンテナに閉じ込めたいです。私はcontainment：parentオプションを使用しようとしましたが、divをドラッグせずに上限または下限にスナップしてしまいました。私はオーバーフローがあります：隠されたセット、私は問題ではないことを願っています。（どこか読んで）jquery draggable

pls私を助けます。

コード：

imgCanvas.appendChild(img); 
overlay.appendChild(imgContainer); 

$(document).ready(function() { 
    $("#draggable").draggable({ 
    containment: '#imgContainer', 
    scroll: false 
    });              
});

#draggable IMGを含んDIVであり、そして#draggableはimgContainerに付加されます。私はこれが何とか役立つことを願っています

出典

2009-06-23 amit

を私たちにいくつかのコードとヘルプを表示します地獄のうち、コウモリのように実行してきます。 – karim79

@ karim79：LOL、そうだけど。 – Sev

次は（あなたはしかし、あなたのドラッグ可能な要素の寸法に一致するように封じ込めプロットを変更する必要があります）私のために完璧に動作します：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us"> 
    <head> 
    <title>jQuery</title> 
     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 

     <script type='text/javascript'> 

      $(document).ready(function(){ 
      $("#draggable").draggable({ 
       containment: [-150,-150,0,0], 
       scroll: 'false' 
      }); 
      }); 

     </script> 
     <style type="text/css"> 
      #container { 
      width:200px; 
      height:200px; 
      border:1px solid #cccccc; 
      overflow:hidden; 
      } 
      #draggable { 
      width:359px; 
      height:359px; 
      background:#cc0000 url("http://www.sudoku.4thewww.com/Grids/grid.jpg"); 
      } 
     </style> 
     </head> 
    <body> 

     <div id="container"> 
     <div id="draggable"></div> 
     </div> 

    </body> 
</html>

出典

2009-06-24 01:17:31 Sampson

が動作します。要点は含まれていません。私はオーバーフローがあると言いました：イメージがドラッグされるように隠されたCSSプロパティが設定されています。画像はコンテナよりも大きい。 – amit

amit - 私は、コンテナより大きなイメージを含むようにコードを更新し、コンテナにオーバーフロー：hiddenを使用しました。主な違いは封じ込め値です。今度は一連のプロット[x1、y1、x2、y2]を使用します。 – Sampson

は魅力的に機能します。右と下部の領域はまだ露出しています。私は、画像がdivの右と下の領域に背景を表示するために左と上にドラッグし続けていると言っています。 – amit