我有一個div我想拖在一個特定的容器中。 我嘗試使用包含：父項選項，但這會導致div捕獲到上限或下限而不拖動。我有溢出：隱藏的設置，我希望這不是一個問題。 （我讀它的地方）jquery draggable
請幫我。
的代碼：
imgCanvas.appendChild(img);
overlay.appendChild(imgContainer);
$(document).ready(function() {
$("#draggable").draggable({
containment: '#imgContainer',
scroll: false
});
});
的#draggable是包含IMG一個div，和#draggable附加到imgContainer。我希望這有助於某種方式。
下完美的我的作品（你必須修改遏制陰謀雖然符合您拖動元素的尺寸）：
<!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>
我最近遇到了同樣的問題。我取出我的代碼放到一個插件，我覺得做你到底是什麼後...
細節在這裏：
http://webpangea.blogspot.com/2009/10/draggable-scrolling-list-with-jquery.html
向我們展示一些代碼和幫助會運行像蝙蝠出地獄的。 – karim79 2009-06-23 22:29:10
@ karim79：大聲笑，儘管如此。 – Sev 2009-06-24 01:00:16