Question

我正在创建一个电路模拟器作为一个项目，我已经开始通过制作所有的UI等使其进入功能阶段但是我在我的工作中遇到了一个心理障碍，我目前有一个组件列表（在在我的网站上，如果有相关的手风琴形式。现在我感到困惑的是如何制作这些组件。我正在使用JavaScript，因为我确信这是相关的信息。

所以我想要它做的是当我点击列表中我想要的组件时如何获得它以便组件出现在我的鼠标下并且可以在屏幕上拖放并且其中一些被编辑。我真的在努力想办法这样做，所以任何帮助都会非常感激。

如果需要更多信息/详细信息或屏幕截图和代码，请问如果我能得到一些帮助，我会更乐意提供任何帮助。

编辑：感谢您的回答，非常感谢！

Answer 1

这篇文章已经推出了几年，但这对你来说是一个好的开始。 https://jsfiddle.net/audetwebdesign/78jwe/

jQuery(function ($) {

$('.drop-zone').droppable({
    accept: '.drag',
    drop: function (event, ui) {
        var $clone = ui.helper.clone();
        if (!$clone.is('.inside-drop-zone')) {
            $(this).append($clone.addClass('inside-drop-zone').draggable({
                containment: '.drop-zone'
            }));
        }
    }
});

$('.drag').draggable({
    helper: 'clone'
});

});

如何为电子电路仿真器创建组件

1 个答案: