angular ui-sortable：在 Firefox 中停止单击事件答案

【问题标题】：angular ui-sortable: Stop click event on drop in Firefoxangular ui-sortable：在 Firefox 中停止单击事件
【发布时间】：2016-01-26 14:40:16
【问题描述】：

我正在使用angular ui-sortable 通过拖放来订购商品。正在排序的项目也附加了一个点击事件。在 Firefox 中，删除其中一项会触发 click 事件。在我测试过的所有其他浏览器中，它都没有。

Here's一个简单的例子（查看控制台日志）：

HTML

<div ng-app="app" ng-controller="ctrl as vm">
  <div ui-sortable="vm.sortableOptions" ng-model="vm.items">
    <div ng-repeat="item in vm.items">
      <a href ng-click="vm.log()">
        <div class="box"></div>
      </a>
    </div>
  </div>
</div>

CSS

.box {
  width: 100px;
  height: 100px;
  background: #ff0000;
  margin: 8px;
}

angular.module('app', ['ui.sortable'])
    .controller('ctrl', [function () {
    var vm = this;

    vm.sortableOptions = {
        stop: function (e) {

      }
    }

    vm.items = [
        {},
        {},
        {},
        {}
    ];

    vm.log = function () {
        console.log('clicked');
    }
}]);

我希望这不会发生。调用 Event.preventDefault() 并没有像我希望的那样工作（可能是因为它是一个角度点击事件）。

我当然可以在停止回调中设置某种标志（它似乎总是在点击处理程序之前触发），但我更喜欢更简洁的解决方案，因为跟踪它可能会有点难看。

【问题讨论】：

你看到this ffox specific stack post 我猜？似乎是同一个问题 - 并表明您的“魔术旗”是（不幸的）答案。
@bri no 我错过了一些方法，谢谢你的链接

标签： angularjs firefox angular-ui-sortable

【解决方案1】：

用途：

vm.sortableOptions = {
    helper: 'clone'
};

它告诉模块使用克隆进行拖动，这也会禁用所有触发的事件。我检查了 Firefox，它运行良好。

【讨论】：

工作解决方案！