为什么拖动函数不会在jQuery中触发

Question

我有一个类名为“active”的div。我想在用户拖动元素时将其背景更改为绿色。我尝试了下面的代码，但我的功能没有解雇。这是我的代码： -

$(function(){
$('.active').ondragend(function(){
   $('.active').css({background: 'green'});
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="active" draggable="true">Drag Me </div>

Answer 1

这是一个工作示例，只需使用bind。

$(function(){
$('.active').bind('dragend',   function(){

$('.active').css({background: 'green'});

});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="active" draggable="true">Drag Me </div>

Answer 2

您应该尝试使用jQuery-UI Draggable