Maison > interface Web > js tutoriel > le corps du texte

Tutoriel jQuery EasyUI - Droppable (Place)

黄舟
Libérer: 2016-12-27 16:28:22
original
1273 Les gens l'ont consulté

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>
Copier après la connexion

2. Utilisez Javascript pour créer une zone de dépôt.

<div id=”dd” style=”width:100px;height:100px;”></div>
Copier après la connexion
$(‘#dd’).droppable({
accept:’#d1,#d3′
});
Copier après la connexion

Propriétés :

Tutoriel jQuery EasyUI - Droppable (Place)

Événements :

Tutoriel jQuery EasyUI - Droppable (Place)

Méthode :

Tutoriel jQuery EasyUI - Droppable (Place)

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) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal