Jquery Drop Drag

Merhaba, jQuery'nin "drag and drop" özelliği, kullanıcının bir web sayfasında bir nesneyi sürükleyip bırakmasını sağlar. Örneğin, bir kullanıcının bir resmi bir kutudan başka bir kutuya sürükleyip bırakmasını sağlayabilirsiniz. Aşağıda basit bir jQuery drag and drop örneği verilmiştir:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Drag and Drop - Default functionality</title> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#draggable" ).draggable(); } ); </script> </head> <body> <div id="draggable" class="ui-widget-content"> <p>Sürükleyip bırakın</p> </div> </body> </html>

Bu örnekte <div> etiketi içinde bulunan metin "Sürükleyip bırakın" yazısı sürüklenebilir hale gelir. Daha fazla bilgi için jQuery'nin resmi dokümantasyonuna bakabilirsiniz: https://api.jqueryui.com/draggable/