Jquery Drop Drag

Yazar: Master Web Tasarım Yayın Tarihi: 12/12/2022 01:14

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 makalenin uzunluğu toplam 1 kelimdir 230 kelimdir.

Anahtar Kelimeler: jquery drop drag

Sosyal Medyada Paylaş