【问题标题】:How to prevent angular-ui accordion from toggling when sorted with angular-ui's sortable使用 angular-ui 的 sortable 排序时如何防止 angular-ui 手风琴切换
【发布时间】:2013-09-06 17:19:32
【问题描述】:

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

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

Plunkr:Click

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

有什么想法吗? 提前致谢

【问题讨论】:

    标签: angularjs angular-ui jquery-ui-sortable angular-ui-bootstrap


    【解决方案1】:

    过了很长时间,我再次陷入困境。显然不是最优雅的解决方案,但它现在可以工作:Plunker 如果您有任何建议/更正,请不要退缩。

    编辑:基于 cmets,请参阅更新后的 Plunker for Chrome:Plunker

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

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

    【讨论】:

    • 这在 plunkr 上不起作用。你可能想更新它:)
    • 我现在已经在 Win7 上使用 FF 和 Chrome 进行了测试,它仍然可以工作。你用的是什么操作系统/浏览器?
    • Windows 7 上的 64 位 chrome
    • @a-p 你能具体说明问题是什么吗?没有用于测试的 64 位系统。
    • 由于严格的 MIME 类型检查,Chrome 有时会拒绝执行通过 raw.github.com 引用的 JS。在这里修复它plnkr.co/edit/jAY5AtnH5SE2f5aqxRGs?p=preview
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-22
    • 1970-01-01
    相关资源
    最近更新 更多