以下代码有什么问题?
请参阅此处:http://jsfiddle.net/xKcAu/
JS:
$(document).ready( function() {
$('#diag1').draggable();
$('#diag1').css('background-color', '#f4f');
$('#diag1').width('100px');
$('#diag1').height('50px');
$('#cnt1').css('background-color', '#4ff');
$('#cnt1').width('300px');
$('#cnt1').height('300px');
$('#cnt1').droppable({
drop: function( event, ui ) {
$(this).append(ui.draggable);
}
});
});
HTML:
<div id="cnt1">ddd</div>
<div id="diag1">Dialog 1</div>
如果我将较小的 div 放到较大的 div 上,它就会隐藏起来。为什么?
最佳答案
除了您对它进行编码之外,没有什么其他的,这样当 div 被放下时,它就会成为较大 div 的子级,然后根据定位它最终会离开屏幕。看看重新定位较大的 div 时会发生什么: jsFiddle
关于javascript - 使用 jQuery 进行拖放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9520365/