Here我找到了一种Angular风格的拖拽方式。 drop在范围内运行良好(我发现 - 并非所有第三方模块都这样做)。遍历范围与我的小项目相关,因为它涉及递归嵌套列表。你可以找到我的JSFiddle here。请注意,您可以选择一个列表元素,但不会执行删除操作。 实现的是指示如果将鼠标悬停在列表项上超过1.2秒,则折叠列表项。
我想要实现的是,当用户拖动列表项时,此折叠指令仅 ,而不是正常' (非拖动)模式,即当前行为的反转。就目前而言,列表项在拖动过程中根本不响应任何鼠标移动。我想这与preventDefault()
模块中的ang-drag-drop
调用有关。此外,我的Angular指令delay-foldout
并不知道拖动模式;你怎么告诉用户拖动一个项目?
我不使用JQuery-UI的原因是我认为这种简单的效果相当过分,我怀疑没有它就必须这样做。不幸的是我的JS / JQuery技能有限,而且我是AngularJS的新手。到目前为止,尝试使用该模块只是搞砸了所有人,而不是所有的认可。 (坦率地说,我不知道从哪里开始更改代码)。因此,我决定将模块置于小提琴中,因此有人可以指出应该更改的内容,以使delay-foldout
指令按预期工作。
请不要在模块开发人员上考虑这个问题的批评,我认为他做得很好。只是因为我试图以一种原本不构建的方式使用它,并希望在此过程中学到一些东西。