繁体   English   中英

使用 angular-ui 的 sortable 排序时如何防止 angular-ui 手风琴切换

[英]How to prevent angular-ui accordion from toggling when sorted with angular-ui's sortable

我使用 angular、angular-ui bootstrap 和 ui-sortable 制作了一个可排序的手风琴,您可以在其中拖放手风琴组。

问题是,当前的手风琴组在放置到新位置时正在切换(打开/折叠)。

Plunkr:点击

我不知道如何防止这种行为,在停止、beforeStop 和更新函数的 sortables 选项中尝试使用stopPropagation() ......没有变化(因为它指的是由 jQuery 而不是 Angular 处理的事件,我思考?!)。

有任何想法吗? 提前致谢

很长一段时间后,我再次将头围绕在这个问题上。 显然不是最优雅的解决方案,但它现在有效: Plunker如果您有任何建议/更正,请不要退缩。

编辑:根据评论,请参阅 Chrome 更新的 Plunker: Plunker

主要技巧是使用以下方法控制切换:

<a class="accordion-toggle" 
   ng-click="$parent.isElementDragged() || (isOpen = !isOpen)" 
   accordion-transclude="heading">
   {{heading}}
</a>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM