為什么拖動功能在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>