可拖放位置答案

【问题标题】：Draggable and droppable position可拖放位置
【发布时间】：2014-11-19 14:20:07
【问题描述】：

请jsfiddle寻求帮助

问题是当您放置元素时，它的位置不佳。我知道问题是因为 left: 12px;在css中但不知道如何解决。

$('.b').droppable({
        drop:function(event, ui) {
            ui.draggable.detach().appendTo($(this));
        }
});
$('.b').selectable();

$('.c').draggable({
    helper:"clone",
    revert: 'invalid',
    opacity: 0.5,
    grid: [30,36],
});

【问题讨论】：

位置不好是什么意思？您是否试图让红色背景填充底层矩形？你想要发生什么？
是的！当您放置元素时，它不会定位拖动时显示的位置
嘿 jsFiddle 很棒，但你现在可以使用 "stack sn-ps" 代替 -- blog.stackoverflow.com/2014/09/…
太酷了！对不起，我以后会这样做

标签： jquery positioning draggable droppable

【解决方案1】：

改用ui.draggable.detach().appendTo($(this).prev())

FIDDLE

【讨论】：

【解决方案2】：

在css中

 .b { background: #BBFFBB;
    width: 24px;
    float: left;
    border-style: solid; 
    height:30px;
    line-height: 30px;
}
.c { background: #D00000 ;
    position: relative;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding: 3px 3px 3px 3px;
}
.a{
    width: 100%;
    float: left;
}

DEMO

【讨论】：

你需要左手做什么？那不会掉到它显示的地方。它总是会向右移动。
@gmaniac 我会问这个问题 :) 那么你需要左边做什么？ :)
因为我需要它:)。它的位置必须稍微靠右
@Mohamed-Yousef 抱歉，我把问题指向了@int，你的和我的是一样的，我不明白left的必要性
好的 @int 只需添加边距：0px -12px;在你的 .c 类中

【解决方案3】：

我想这就是你要找的jsfiddle

.b { background: #BBFFBB;
    width: 24px;
    float: left;
    border-style: solid; 
    height:30px;
    line-height: 30px;
}
.c { background: #D00000 ;
    position: relative;
    width:25px;
    height: 30px;
    text-align: center;
    line-height: 24px;
}
.a{
    width: 100%;
    float: left;
}

我删除了left 和margins 然后更改了一些widths 我认为这就是您要找的。p>

【讨论】：

正如我所写的，我知道问题出在 left 但我不会填充 div。它必须定位在一点点向左即向右
@int 你有什么例子可以说明你在说什么吗？