Maison > interface Web > js tutoriel > Tutoriel jQuery EasyUI - Déplaçable (glisser)

Tutoriel jQuery EasyUI - Déplaçable (glisser)

黄舟
Libérer: 2016-12-27 16:25:25
original
1467 Les gens l'ont consulté

Bonjour à tous, concernant le tutoriel jQuery EasyUI, les deux premiers articles portent principalement sur la compréhension de base de l'analyseur et du chargeur jQuery EasyUI. Pour la phase d’introduction, il suffit d’avoir une brève compréhension. Après tout, la première étape ne sera pas trop approfondie.

Utilisez $.fn.draggable.defaults pour remplacer l'objet de valeur par défaut.

Cas d'utilisation :

Réalisé grâce à deux méthodes : balises et Javascript.

1. Créez un élément déplaçable via une étiquette.

<div id=”dd” class=”easyui-draggable” data-options=”handle:’#title&#39;” 
style=”width:100px;height:100px;”> <div id=”title” 
style=”background:#ccc;”>title</div></div>
Copier après la connexion

2. Utilisez Javascript pour créer un élément déplaçable.

<div id=”dd” style=”width:100px;height:100px;”>
<div id=”title” style=”background:#ccc;”>title</div>
</div>
Copier après la connexion
$(‘#dd’).draggable({
handle:’#title’
});
Copier après la connexion

Connaissez-vous les deux méthodes ci-dessus ? Ensuite, je vais vous présenter les propriétés, les événements et les méthodes du plug-in Draggable.

Propriétés :

Tutoriel jQuery EasyUI - Déplaçable (glisser)

Événements :

Tutoriel jQuery EasyUI - Déplaçable (glisser)

Méthodes :

Tutoriel jQuery EasyUI - Déplaçable (glisser)

Ce qui précède est le contenu du didacticiel jQuery EasyUI-Draggable (glisser). 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