Javascript 可拖放定位错误？

我正在做一项活动，要求在某些地方放置某些字母来完成单词

以下是一个屏幕截图：

（链接它，因为它太大了）

底部的两个小木板包含应该被拖到较大木板上的空白盒上的字母。问题是每当我试图把字母拖进空白空间时，它会这样做：

如果我不把它拖到那个特定的位置（例如，我想把它正好放在红色框的中心），它会恢复到原来的位置，就像我从来没有把它放在一个可放下的东西里一样

这是虫子吗？有解决办法吗

以下是脚本：

    $(".drag").draggable({ revert: 'invalid' });

/*======================================================*/  

    $( "#dropArea1A" ).droppable({

                        accept: '.drag',
                        drop: function( event, ui) {
                            console.log(ui.draggable.attr('class'));
                            console.log(answers);
                            console.log(correct);

                            if(ui.draggable.hasClass('letterH')){ choice1 = 'correct'; $('#dropArea1A').addClass('correct') }

                            $(".drag").css('cursor', 'default');
                            $(".drag").append(ui.draggable.css('margin','0'));
                            $(".draggable").draggable({ disabled: false });
                            $(this).append(ui.draggable.css('position','static'));
                            $(this).droppable( 'disable' );

                        },

                    });

---

还有一些可能有用的附加信息：我在样式表中使用了很多

position:absolute

来将可拖放div设置到正确的位置。木板（和静态信箱）是背景图像。这会是罪魁祸首吗？

在一些聊天室中浏览并使用JSFIDLE后，我发现可拖放区域的css

边距

属性存在问题，而不是

位置：绝对

。发生的情况是，如果为

margin

属性设置

margin top

或

margin left

或任何其他值，则只有元素会移动——放置区域不会移动

---

我希望这对别人有帮助

四年前在这里报道了这个问题：

---

最近在jquery ui 1.11.2中修复了它

是否启用了浏览器缩放功能？这可能会干扰它。按Ctrl+

0

（零）重置缩放，查看问题是否仍然存在exists@Thomas：尝试确保未启用浏览器缩放，但缩放仍然精确到100%。。。