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…
Emrah KaragözKurucu11 Aralık 20221 dk okuma
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/
Bu konuda profesyonel destek mi lazım?
Projenizi ekibimizle konuşun — aynı gün dönüş, ücretsiz teklif.
