Jquery ui 我的项目中关于jqueryui的一个主要问题

Jquery ui 我的项目中关于jqueryui的一个主要问题,jquery-ui,Jquery Ui,我对jQueryUI的拖放功能有一个疑问。我正在构建一个web应用程序,用户可以通过将零件从零件区域(架子)拖到舞台上来构建自己的对象。该阶段将包含一个主要部件,主要为圆形,这些子部件/零件将放置在该部件上 这些部分是200px 400px的图像,背景透明,可拖动。它们可以放在舞台区域。现在我面临的问题是: 当我拖动这些对象并将其放置在舞台区域时,由于图像高度如此之大,它们往往会与搁板区域重叠。这种重叠使搁板区域中的零件不可选择或不可拖动。此外,当许多此类零件在舞台上时,由于此类重叠,很难选择所

我对jQueryUI的拖放功能有一个疑问。我正在构建一个web应用程序,用户可以通过将零件从零件区域(架子)拖到舞台上来构建自己的对象。该阶段将包含一个主要部件,主要为圆形,这些子部件/零件将放置在该部件上

这些部分是200px 400px的图像,背景透明,可拖动。它们可以放在舞台区域。现在我面临的问题是:

当我拖动这些对象并将其放置在舞台区域时,由于图像高度如此之大,它们往往会与搁板区域重叠。这种重叠使搁板区域中的零件不可选择或不可拖动。此外,当许多此类零件在舞台上时,由于此类重叠,很难选择所需零件

有什么办法可以克服这个重叠的问题吗


开发平台是jquery ui和.net

您可以在将元素放到工具架上时向元素添加一个类,以减小它们的大小

除了上下文之外,您没有提供太多信息,例如您使用哪个插件进行拖放

我用了一个简单的例子。在中,您向删除的元素添加一个css类,可通过
ui.draggable
访问。您还可以绑定,以删除该类,以防将元素拖出目标

$("#droppable").droppable({
    drop: function(event, ui) {
        $(ui.draggable).addClass('small');
    },
    out: function(event, ui) {
        $(ui.draggable).removeClass('small');
    },
});​


我想您可以根据自己的实现调整此方法。

我正在使用jquery ui的可拖动和可拖放功能