大佬教程收集整理的这篇文章主要介绍了jquery – 通过非嵌套的句柄拖动div，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<script src="jquery-1.5.2.js"></script>
<script src="js/jquery-ui-1.8.11.custom.min.js"></script>
<style>
#hBlack
{
width:55px;
height:55px;
background-color: black;
top:0px;
}
#hGreen
{
width:25px;
height:25px;
background-color: green;
}
</style>
<script language="javascript" type="text/javascript">
$(function() {
$("#hBlack").draggable({handle:"#hGreen"});
});
</script>
</head>
<body>
<div id="hBlack">
</div>
<div id="hGreen"></div>
以上并没有使#hGreen成为句柄 – 但以下是：
<div id="hBlack"> <div id="hGreen"></div> </div>
基本上,我试图在另一个移动时做一个DIV移动 – 我猜你可以用new Position utility做到但是对于像我这样的新手我发现它记录不好
使用Javascript：
$("#draggable").draggable({handle:"#handle"});
HTML：
<div id="draggable">draggable <div id="handle">handle</div> </div>
CSS：
#draggable{
display: block;
height: 300px;
width: 600px;
background-color: gray;
}
#handle{
display: block;
height: 50px;
width: 600px;
background-color: green;
position: relative;
top: -30px;
}
否则,您可能必须执行类似于多选可拖动的操作.
How do I drag multiple elements at once with JavaScript or jQuery?
以上是大佬教程为你收集整理的jquery – 通过非嵌套的句柄拖动div全部内容，希望文章能够帮你解决jquery – 通过非嵌套的句柄拖动div所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。