为什么拖动功能没有在jQuery中触发

Question

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

$(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

这里的工作的例子只是使用绑定。

$(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的可拖动