L'article précédent vous a présenté le plug-in jQuery EasyUI-Draggable En plus d'utiliser le plug-in Draggable pour faire glisser n'importe quel élément, vous pouvez également appeler le plug-in Droppable UI pour faire glisser l'élément déplacé. n'importe quel élément dans la zone spécifiée, similaire à un effet de panier.
D'accord, apprenons ensuite jQuery-Droppable (placement) !
Utilisez $.fn.droppable.defaults pour remplacer l'objet de valeur par défaut.
Cas d'utilisation :
Créez une zone de dépôt via des balises et Javascript.
1. Créez une zone de placement via des balises.
<div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” style=”width:100px;height:100px;”></div>
2. Utilisez Javascript pour créer une zone de dépôt.
<div id=”dd” style=”width:100px;height:100px;”></div>
$(‘#dd’).droppable({ accept:’#d1,#d3′ });
Propriétés :
Événements :
Méthode :
Ce qui précède est le contenu du tutoriel jQuery EasyUI-Droppable (placement). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. cn) !