将 div 移动到放置位置答案

【问题标题】：Move a div to a drop position将 div 移动到放置位置
【发布时间】：2019-09-26 10:07:37
【问题描述】：

如果我不善于描述这个问题，请提前道歉......希望你仍然能理解它。

现在我有一个显示设置为“无”的 Div。当我在屏幕上拖放一个按钮时，它会添加一个类来取消隐藏 div。

上面的工作正常，但我不知道如何让 div 准确地出现在我放下按钮的位置，而不是总是出现在屏幕中间的固定位置（这就是它正在做的事情现在）。

如果我能得到任何帮助，我将不胜感激！这是我正在使用的 javascript 的一部分（如果这不是足够的信息，请告诉我）：

            $(document).ready(function() {
                $('.js-hotspot').draggable({
                    helper: "clone",
                    revert: false,
                    start: function(event, ui) {
                        console.log("Started");
                    },
                    stop: function(event, ui) {
                        addAnyHotspot();

                        $( ".hotspot-tooltip" ).addClass( "open" ); //Unhide the div
                    }
                });
            });

【问题讨论】：

标签： javascript jquery draggable

【解决方案1】：

我设法解决了。这是我的新代码：

            $(document).ready(function() {
            $('.js-hotspot').draggable({
                helper: "clone",
                revert: false,
                start: function(event, ui) {
                    console.log("Started");

                    $(document).ready(function() {
                    $(this).on("drag", function(e) {
                    var x = e.pageX;
                    var y = e.pageY;
                    var el = $("#meh"); //assign #meh to the div that needs to be opened
                    el.css('position', 'absolute');
                    el.css("left", x);
                    el.css("top", y);
                    console.log("Shifted Position");
                  })
                });

                },
                stop: function(event, ui) {
                    addAnyHotspot();
                    console.log("AddAnyHotSpot");

                    $( ".hotspot-tooltip" ).addClass( "open" );
                }
            });
        });

【讨论】：