Question

当在chrome中使用拖放时，我看到当我拖动一个元素时，ghost图像不是这个元素，而是兄弟元素（也是可拖动的）。

我该如何纠正？它给人的感觉是你拖动了所有的元素而事实并非如此。删除元素时的行为是正确的（只删除一个元素）。

我已快速将代码粘贴到plunker中，如果您尝试将元素拖到那里，您就会看到问题所在 https://plnkr.co/edit/qm0XWu?p=preview

有什么建议吗？

*来自plunker的代码的一部分，如果你在plunker中检查这一点，我注意到通过消除子元素鬼影改变

  <div class="session" ng-reflect-bookmark_draggable="[object Object]" ng-reflect-id="session_4297" id="session_4297" ng-reflect-draggable="true" draggable="true">
    <session ng-reflect-index="2" ng-reflect-from="stored" ng-reflect-window="[object Object]">
      <div class="session_title">
        <span ng-reflect-class-name="folder type stored" class="folder type stored">&nbsp;</span>
        <span class="folder expand">session_4297<span class="material-icons">list</span></span>
        <span class="folder edit"><span>edit</span><span class="material-icons">create</span></span>
        <span class="folder open"><span>open</span><span class="material-icons">tab</span></span>
        <span class="folder clear"><span>delete</span><span class="material-icons">clear</span></span>
      </div>

Answer 1

事实证明，如果我将所有子元素都放在$(window).scroll(function() { $("new div id ").css({ 'opacity': 1 - (($(this).scrollTop()) / 250) }) });，那么拖动效果就是人们所期望的。当孩子们具有正常display: none属性（但在这种情况下为display）时，鬼影随机拍摄？兄弟元素的数量。

通过修改此问题，我解决了这个问题。

拖放的鬼图像也采用了元素及其兄弟元素

1 个答案: