爲什麼拖動功能沒有在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的可拖動