Jquery拖放:放在背景图像上

时间:2014-08-22 12:33:10

标签: javascript jquery html5 drag

我想拖动面板菜单项但这里的项目是拖动的。 如何放在上面的背景图像....

   $(".drag-images").draggable({
         revert: 'invalid',
         containment: "#panel-03, #drop",
         stop: function() { $(this).draggable('option','revert','invalid');}
    });

    $("#panel-03 img" ).draggable({ stack: "#panel-03 img" });

    $("#drop").droppable({
         greddy: true,
         tolerance: 'touch',
         drop: function(event,ui){
                ui.draggable.draggable('option','revert','true');
         }
    });

Fiddle

1 个答案:

答案 0 :(得分:0)

你错过了一些剧本。

请将此脚本添加到您的html并尝试

<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

同样来自你的CSS

#panel-03{
    //  remove all overflows hidden
}

删除溢出并且未显示图像的问题也将被修复。

希望这会有所帮助..