tarDivPos.y1 = tarDiv.offset().top;
tarDivPos.y2 = tarDivPos.y1 + tarDiv.height();
tarDivHalf = tarDiv.height()/2; //临时变量，以便于在if判断中使用
wHalf = tarDiv.width()/2;
if (dragPos.x2 >= tarDivPos.x1 + wHalf && dragPos.x2 <= tarDivPos.x2 + wHalf && dragPos.y2 >= tarDivPos.y1 + tarDivHalf && dragPos.y2 <= tarDivPos.y2 + tarDivHalf ) {
if(tarDiv.children().length >0 ) {return false;}// 解决重叠元素 移动到一个目标元素
tarDiv.removeClass(“bg”).addClass(“bg bgColor”);
} else {
tarDiv.removeClass(“bgColor”);
}
});
}).mouseup (function(event) {
initDiv.appendTo($(“.bgColor”));// 利用 apppendTo 方法 使拖动元素对象添加到指定的区域。
initDiv.removeClass(“borp”).addClass(“bor”).removeAttr(“style”); //恢复拖拽对象初始的样式
move = false;
});
});
});
</script>
</head>
<body>
<div class=”box”>
<div class=”bor”>bor1</div>
<div class=”bor”>bor2</div>
<div class=”bor”>bor3</div>
</div>
<div class=”box2″>
<div class=”bg” id=”bg1″></div>
<div class=”bg” id=”bg2″></div>
<div class=”bg” id=”bg3″></div>
<div class=”bg” id=”bg4″></div>
<div class=”bg” id=”bg5″></div>
<div class=”bg” id=”bg6″></div>
<div class=”bg” id=”bg7″></div>
<div class=”bg” id=”bg8″></div>
<div class=”bg” id=”bg9″></div>
<div class=”bg” id=”bg10″></div>
<div class=”bg” id=”bg11″></div>
<div class=”bg” id=”bg12″></div>
<div class=”bg” id=”bg13″></div>
<div class=”bg” id=”bg14″></div>
<div class=”bg” id=”bg15″></div>
<div class=”bg” id=”bg16″></div>
<div class=”bg” id=”bg17″></div>
<div class=”bg” id=”bg18″></div>
<div class=”bg” id=”bg19″></div>
<div class=”bg” id=”bg20″></div>
<div class=”bg” id=”bg21″></div>
<div class=”bg” id=”bg22″></div>
<div class=”bg” id=”bg23″></div>
<div class=”bg” id=”bg24″></div>
<div class=”bg” id=”bg25″></div>
