javascript - 使用 jQuery 进行拖放

Question

以下代码有什么问题？

请参阅此处: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 上，它就会隐藏起来。为什么？

Answer 1

除了您对它进行编码之外，没有什么其他的，这样当 div 被放下时，它就会成为较大 div 的子级，然后根据定位它最终会离开屏幕。看看重新定位较大的 div 时会发生什么: jsFiddle