我正在制作一个<div>
元素,它有一些子元素和文本节点。我将可拖动函数绑定到 element 的子元素之一<div>
。我想过使用可拖动drag
事件我可以实现我想要的,但它变得很奇怪。
HTML:
<div class="parent" style="margin:50px; width:200px;height:200px;border:1px solid #000;position:relative;">
<div class="child" style="border-radius:4px 4px 4px; background:#000;position:absolute;top:-5px;left:-5px;width:10px;height:10px;">
</div>
</div>
JS:
$(".child").draggable({
drag:function() {
$(this).parent().css({ "top":$(this).offset().top+"px", "left": $(this).offset().left+"px" });
}
});
CSS:
.child:hover {
cursor:crosshair;
}
但这是一种奇怪的方式。我知道逻辑不好,但我仍然认为它会起作用。