Question

使用dragula插件（Angular 1）link

ng-click在li元素

上移动（拖放到另一个ul）

<ul dragula='"second-bag"'>
   <li ng-click="fun()">Item One </li>
   <li ng-click="fun()">Item Two</li>
   <li ng-click="fun()">Item Three</li>
   <li ng-click="fun()">Item Four</li>
</ul>
<ul dragula='"second-bag"'>
   <li ng-click="fun()">Item One </li>
   <li ng-click="fun()">Item Two</li>
   <li ng-click="fun()">Item Three</li>
   <li ng-click="fun()">Item Four</li>
</ul>

app.controller('ExampleCtrl', ['$scope', function ($scope) {
   $scope.fun = function(){
          alert('test');
   } 
}]);

Answer 1

这可能是dragula的预期行为，因为拖动你实际点击它的元素。

重要的部分是你为什么要听一个dragula list元素的click事件？如果答案是操纵该特定元素或进行其他操作，则dragula会为您提供一系列机会。

<div dragula='"sixth-bag"'></div>
<div dragula='"sixth-bag"'></div>

app.controller('MuchExampleCtrl', ['$scope', 'dragulaService',
  function ($scope, dragulaService) {
    dragulaService.options($scope, 'sixth-bag', {
      moves: function (el, container, handle) {
        return handle.className === 'handle';
      }
    });
  }
]);

在此示例中，您正在更改＆＃34;处理＆＃34;的类名。元件。与此类似，您可以将此方法用于其他可能的结果。

<强>链接：

另外，作为替代方案，您可能需要检查服务ngDraggable以获得更多＆＃34; Angular1样式＆＃34;语法。

ngDraggable：https://github.com/fatlinesofcode/ngDraggable

Ng点击不工作dragula拖放元素

1 个答案: