jQueryでドラッグ機能が起動しないのはなぜですか？

Question

私はクラス名が「アクティブ」である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

を試してみてください。ここだけのバインドを使用する作業例です。

$(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ドラッグ可能