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

问题描述 投票:2回答:1

我制作了带有角度,angular-ui引导程序和ui-sortable的可排序手风琴,您可以在其中拖放手风琴组。

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

Plunkr:Click

我无法找出如何防止这种行为,在stop,beforeStop和update函数的sortables选项中使用stopPropagation()进行了尝试...没有变化(因为它引用的是由jQuery处理的事件,而不是Angular ,我想?!)。

有什么想法吗?在此先感谢

angularjs angular-ui jquery-ui-sortable angular-ui-bootstrap
1个回答
3
投票

[很长一段时间后,我又把头缠住了。显然,这不是最优雅的解决方案,但它现在可以使用:Plunker如果您有任何建议/更正,请不要后退。

编辑:基于注释,请参阅针对Chrome的更新的Plunker:Plunker

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

<a class="accordion-toggle" 
   ng-click="$parent.isElementDragged() || (isOpen = !isOpen)" 
   accordion-transclude="heading">
   {{heading}}
</a>
© www.soinside.com 2019 - 2024. All rights reserved.