3
我真的卡住了。我希望能够在可拖放的包装器内拖放一个可拖放div的jQuery UI块。Jquery UI - Droppable块内可以droppable包装
我需要得到该块所在的div的id。
JS:
$(".wrapper").droppable({
drop: function(event, ui) {
alert('dropped in the wrapper');
}
});
$(".inside").droppable({
drop: function(event, ui) {
alert('dropped inside');
}
});
$(".outSide").droppable({
drop: function(event, ui) {
alert('dropped OutSide');
}
});
$(".block").draggable();
CSS:
.wrapper {
width:200px;
height:250px;
background-color:#0f0;
text-align:center;
line-height:200px;
vertical-align:middle;
}
.inside {
display:inline-block;
vertical-align:middle;
width:100px;
height:110px;
border:1px solid #000;
}
.outSide {
display:inline-block;
width:100px;
height:200px;
position:relative;
float:left;
left:240px;
top:40px;
border:1px solid #000;
}
.block {
width:80px;
height:30px;
background-color:#00f;
display:inline-block;
}
HTML:
<div class="wrapper">
Wrapper
<div class="inside">
Inside
</div>
</div>
<div class="outSide">
Outside
</div>
<br /><br />
<div class="block"></div>
<br /><br />
的jsfiddle:http://jsfiddle.net/J7azG/23/
找到了解决办法:贪婪:真 – v1r00z
发布的解决方案,这样,如果有人在这里卷起他们可以从你身上学到什么好处。 – PseudoNinja
将greedy选项设置为true。 http://jsfiddle.net/J7azG/40/ – v1r00z