我想改变一个元素的CSS,但我无法设法改变它的css。
我有一个div
<div ng-controller="ToolBoxCtrl" id="toolBox" ng-mousedown="StartDrag($event)" ng-mouseup="StopDrag()" ng-mousemove="DragElement($event)"></div>
和此控制器代码
$scope.StartDrag = function(event)
{
b_draged = true;
currentTarget = event.currentTarget
}
$scope.DragElement = function(event)
{
if(b_draged === true)
{
angular.element(currentTarget).css("top",event.offsetX);
angular.element(currentTarget).css("right",event.offsetY);
var tar = angular.element(currentTarget);
var right = angular.element(currentTarget).css("right");
var top = angular.element(currentTarget).css("top");
console.log(tar+' '+right+' '+top +' '+right2);
}
}
但它不会改变元素的CSS。
我希望实现的一些背景:我想创建一个可拖动的div。
修改:
似乎永远不会调用ng-mousemove函数。 Mousedown和mouseup似乎完美无缺